@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800;900&display=swap');
*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:#05070b;color:#fff}a{text-decoration:none;color:inherit}
.header{position:sticky;top:0;z-index:10;height:78px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;background:rgba(5,7,11,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}
.logo{font-size:28px;font-weight:900}.logo span,.section-head span,.hero-text span,.contact span{color:#8af7ff}.nav{display:flex;gap:28px}.nav a{color:#cbd3df;font-weight:700}.cta,.btn,form button{background:linear-gradient(135deg,#8af7ff,#6c7dff);color:#041015;border:0;border-radius:999px;padding:13px 20px;font-weight:900}.menu{display:none}
.hero{min-height:760px;padding:90px 7%;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;background:radial-gradient(circle at 75% 30%,rgba(108,125,255,.25),transparent 30%)}
.hero h1{font-size:64px;line-height:1;margin:16px 0}.hero p{color:#b8c2ce;font-size:18px;line-height:1.8;max-width:580px}.actions{display:flex;gap:14px;margin-top:28px}.secondary{background:#111827;color:#fff;border:1px solid rgba(255,255,255,.12)}
.hero-card{background:#0b111b;border:1px solid rgba(138,247,255,.25);border-radius:28px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.4)}.browser{height:60px;background:#101827;display:flex;gap:9px;align-items:center;padding:0 20px}.browser i{width:13px;height:13px;border-radius:50%;background:#8af7ff}.dashboard{padding:30px}.chart{height:260px;border-radius:22px;background:linear-gradient(160deg,#1a2440,#101827),repeating-linear-gradient(90deg,rgba(255,255,255,.1) 0 1px,transparent 1px 30px)}.lines b{display:block;height:12px;background:#1e293b;border-radius:999px;margin:14px 0}.metric{margin-top:20px;padding:20px;border-radius:18px;background:rgba(138,247,255,.08)}.metric strong{font-size:36px;color:#8af7ff}
.section{padding:80px 7%}.section-head{text-align:center;margin-bottom:34px}.section-head h2{font-size:42px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cards article,.step{background:#0b111b;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:30px}.cards em{color:#8af7ff;font-style:normal;font-weight:900}.cards h3,.step h3{margin:18px 0 10px}.cards p,.step p{color:#aab5c3;line-height:1.7}
.work-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:22px}.work-grid div{min-height:280px;border-radius:28px;background:linear-gradient(135deg,rgba(138,247,255,.2),rgba(108,125,255,.1)),#0b111b;border:1px solid rgba(255,255,255,.08);padding:26px;display:flex;flex-direction:column;justify-content:end}.work-grid span{color:#8af7ff}.work-grid h3{font-size:28px}
.process{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step b{color:#8af7ff}.contact{margin:60px 7%;padding:40px;border-radius:28px;background:#0b111b;border:1px solid rgba(138,247,255,.18);display:grid;grid-template-columns:.8fr 1fr;gap:30px}.contact h2{font-size:40px}form{display:grid;gap:12px}input,textarea{background:#05070b;border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#fff;padding:15px}textarea{min-height:120px}footer{text-align:center;color:#6b7280;padding:30px}
@media(max-width:900px){.nav,.cta{display:none}.menu{display:block;background:none;border:0;color:#fff;font-size:28px}.nav.open{display:flex;position:absolute;top:78px;left:0;right:0;background:#05070b;flex-direction:column;padding:24px}.hero,.contact{grid-template-columns:1fr}.hero h1{font-size:42px}.grid,.process,.work-grid{grid-template-columns:1fr}}

/* ==========================================================
   İkra Web Tasarım UNIFIED DARK THEME
   Site, üye paneli, admin panel ve demo sayfalarında tek renk sistemi.
   Ana renk: koyu zemin + altın vurgu. Mor/mavi farklı tema etkileri kaldırıldı.
   ========================================================== */
:root{
  --orion-bg:#05080a;
  --orion-bg-2:#080d11;
  --orion-panel:#0c1115;
  --orion-panel-2:#111821;
  --orion-panel-3:#151d25;
  --orion-text:#f7f7f7;
  --orion-muted:#a9b0b7;
  --orion-gold:#e5b94d;
  --orion-gold-2:#ffd979;
  --orion-line:rgba(229,185,77,.22);
  --orion-line-soft:rgba(255,255,255,.08);
  --orion-shadow:0 28px 90px rgba(0,0,0,.42);
  --bg:var(--orion-bg);
  --bg2:var(--orion-bg-2);
  --bg-soft:var(--orion-bg-2);
  --card:var(--orion-panel);
  --card2:var(--orion-panel-2);
  --panel:var(--orion-panel);
  --panel2:var(--orion-panel-2);
  --panel3:var(--orion-panel-3);
  --gold:var(--orion-gold);
  --gold2:var(--orion-gold-2);
  --text:var(--orion-text);
  --muted:var(--orion-muted);
  --line:var(--orion-line);
  --line2:var(--orion-line-soft);
}

html,body{
  background:
    radial-gradient(circle at 16% 14%,rgba(229,185,77,.11),transparent 28%),
    radial-gradient(circle at 84% 18%,rgba(229,185,77,.07),transparent 30%),
    linear-gradient(180deg,var(--orion-bg),#06090b 58%,#040607) !important;
  color:var(--orion-text) !important;
}

.site-header,
.admin-topbar,
.admin-sidebar,
.footer,
.copyright,
.main-nav.open{
  background:rgba(5,8,10,.88) !important;
  border-color:var(--orion-line-soft) !important;
  backdrop-filter:blur(18px);
}

.admin-sidebar,
.admin-login-card,
.admin-card,
.stat-card,
.dashboard-card,
.admin-form-card,
.support-thread-list,
.support-chat-area,
.service-card,
.package-card,
.portfolio-card,
.process-card,
.testimonial-grid article,
.faq-box,
.contact-panel,
.auth-card,
.cart-item,
.checkout-card,
.payment-card,
.account-profile,
.account-orders,
.pro-profile-edit,
.pro-account-orders,
.member-design-request,
.member-design-form,
.member-design-login-box,
.account-identity-card,
.account-stat-grid article,
.account-side-panel,
.account-panel-card,
.account-main-panel,
.account-inner-box,
.member-order-card,
.member-request-card,
.pro-payment-panel,
.project-detail-card,
.project-gallery-card,
.gallery-main,
.gallery-thumb,
.live-chat-box,
.live-chat-launch,
.live-chat-conversation,
.live-support-summary,
.support-thread-item,
.quote-detail-box,
.product-gallery-box,
.admin-gallery-current,
.admin-gallery-preview,
.admin-preview-card{
  background:linear-gradient(145deg,rgba(17,24,33,.96),rgba(8,12,15,.98)) !important;
  border-color:var(--orion-line) !important;
  color:var(--orion-text) !important;
  box-shadow:var(--orion-shadow);
}

.hero,
.page-hero,
.account-pro-hero,
.admin-main,
.section,
.page-section,
.checkout-section,
.cart-section,
.auth-section,
.member-design-request-section{
  background:transparent !important;
  border-color:var(--orion-line-soft) !important;
}

.hero::before,
.page-hero::before,
.account-pro-hero::before{
  background:
    linear-gradient(90deg,rgba(5,8,10,.94),rgba(5,8,10,.68),rgba(5,8,10,.86)),
    radial-gradient(circle at 74% 34%,rgba(229,185,77,.15),transparent 36%) !important;
}

.login-bg-orb.one,
.login-bg-orb.two,
.hero-bg-glow.one,
.hero-bg-glow.two{
  background:rgba(229,185,77,.18) !important;
}

h1,h2,h3,h4,h5,h6,
.admin-login-card h1,
.page-heading h1,
.admin-topbar strong,
.service-card h3,
.package-card h3,
.account-panel-title h2,
.member-request-card h3{
  color:var(--orion-text) !important;
}

p,li,small,span,
.admin-login-card p,
.page-heading p,
.service-card p,
.package-card p,
.account-inner-box p,
.member-request-card p,
.pro-table td small,
table td small{
  color:var(--orion-muted);
}

.brand,
.brand-mark,
.eyebrow,
.section-title span,
.admin-logo small,
.login-logo span,
.login-logo small,
.page-heading span,
.account-pro-hero span,
.account-panel-title span,
.service-card a,
.footer h4,
.footer a:hover,
.main-nav a.active,
.main-nav a:hover,
.admin-nav a.active,
.admin-nav a:hover,
.support-thread-item b,
.member-request-card span,
.price,
.badge-soft{
  color:var(--orion-gold) !important;
}

.header-cta,
.btn-gold,
.btn-primary,
.contact-form button,
.auth-card button,
.admin-btn,
.admin-login-card button,
.profile-edit-form button,
.member-design-form button,
.checkout-btn,
.payment-submit,
.live-chat-launch,
.support-thread-head button,
.support-chat-top button,
.filter-row button.active,
.filter-row button:hover,
.account-tabs button.active,
.featured a,
.badge,
.logout-chip,
.table-actions a.primary{
  background:linear-gradient(135deg,var(--orion-gold),var(--orion-gold-2)) !important;
  color:#050505 !important;
  border-color:rgba(229,185,77,.45) !important;
  box-shadow:0 14px 34px rgba(229,185,77,.18) !important;
}

.btn-dark,
.btn-outline,
.mini-login,
.mini-account,
.admin-nav a,
.admin-sidebar-footer a,
.topbar-actions a,
.filter-row button,
.account-tabs button,
.table-actions a,
.support-thread-item,
.support-chat-empty,
.gallery-nav-btn{
  background:rgba(255,255,255,.035) !important;
  border-color:var(--orion-line-soft) !important;
  color:var(--orion-text) !important;
}

.btn-dark:hover,
.btn-outline:hover,
.mini-login:hover,
.mini-account:hover,
.admin-nav a:hover,
.admin-nav a.active,
.admin-sidebar-footer a:hover,
.topbar-actions a:hover,
.table-actions a:hover,
.account-tabs button:hover{
  border-color:var(--orion-line) !important;
  color:var(--orion-gold) !important;
  background:rgba(229,185,77,.08) !important;
}

input,textarea,select,
.admin-form input,
.admin-form textarea,
.admin-form select,
.admin-filters input,
.admin-filters select,
.inline-form select,
.profile-edit-form input,
.profile-edit-form select,
.profile-edit-form textarea,
.member-design-form input,
.member-design-form select,
.member-design-form textarea,
.contact-form input,
.contact-form textarea,
.contact-form select,
.auth-card input,
.checkout-form input,
.checkout-form textarea,
.checkout-form select{
  background:#070a0d !important;
  color:var(--orion-text) !important;
  border:1px solid var(--orion-line-soft) !important;
  box-shadow:none !important;
}

input:focus,textarea:focus,select:focus,
.admin-form input:focus,
.admin-form textarea:focus,
.admin-form select:focus,
.profile-edit-form input:focus,
.profile-edit-form select:focus,
.profile-edit-form textarea:focus,
.member-design-form input:focus,
.member-design-form select:focus,
.member-design-form textarea:focus{
  border-color:rgba(229,185,77,.58) !important;
  box-shadow:0 0 0 3px rgba(229,185,77,.08) !important;
  outline:none !important;
}

.pro-table,
table{
  background:linear-gradient(145deg,rgba(17,24,33,.96),rgba(8,12,15,.98)) !important;
  border-color:var(--orion-line) !important;
  color:var(--orion-text) !important;
}

.pro-table th,
table th{
  background:#080d11 !important;
  color:var(--orion-gold) !important;
  border-color:var(--orion-line-soft) !important;
}

.pro-table td,
table td{
  color:var(--orion-text) !important;
  border-color:var(--orion-line-soft) !important;
}

.auth-error,
.admin-alert.error,
.profile-alert.error{
  background:rgba(255,123,123,.10) !important;
  color:#ffb4b4 !important;
  border-color:rgba(255,123,123,.35) !important;
}
.auth-success,
.admin-alert.success,
.profile-alert.success,
.contact-sent-alert{
  background:rgba(87,255,138,.10) !important;
  color:#baffc9 !important;
  border-color:rgba(87,255,138,.35) !important;
}
.profile-alert.warning,
.admin-alert.warning{
  background:rgba(229,185,77,.10) !important;
  color:var(--orion-gold-2) !important;
  border-color:var(--orion-line) !important;
}

::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#05080a}
::-webkit-scrollbar-thumb{background:rgba(229,185,77,.38);border-radius:999px;border:2px solid #05080a}
::-webkit-scrollbar-thumb:hover{background:rgba(229,185,77,.58)}