/*
 * Copyright (c) 2025-2026 Lunify A.Ş. Tum haklari saklidir / All rights reserved.
 * Lunify Aura — uygulama kabugu DISINDAKI sayfalar (giris, kayit, sifre, dogrulama, 2FA, tanitim, gizlilik, kosullar)
 * icin ortak "native uygulama" katmani (2026-11). Uygulama icindeki aura-ui.css ile ayni Material 3 / Aura teal dili.
 * Sadece sunum: metin, baglanti, form ve SEO etiketlerine dokunmaz. landing.css / lunify-ui.css / satir ici stillerden SONRA yuklenir.
 */
:root,html[data-theme="light"]{
  --md-primary:#006b67; --md-on-primary:#fff; --md-primary-container:#a0f2ec; --md-on-primary-container:#00201e;
  --md-secondary-container:#cce8e5; --md-on-secondary-container:#051f1e;
  --md-surface:#f4fbf9; --md-surface-c-lowest:#fff; --md-surface-c-low:#eef5f3; --md-surface-c:#e8efed; --md-surface-c-high:#e3eae8; --md-surface-c-highest:#dde4e2;
  --md-on-surface:#161d1c; --md-on-surface-var:#3f4947; --md-outline:#6f7977; --md-outline-var:#bec9c6; --md-divider:#dae4e1;
  --md-error:#ba1a1a; --md-error-container:#ffdad6;
  /* landing.css / lunify-ui.css degiskenleri -> Aura teal */
  --bg:var(--md-surface); --cream:var(--md-surface-c-low); --surface:var(--md-surface-c-lowest); --surface-2:var(--md-surface-c-low);
  --ink:var(--md-on-surface); --body:var(--md-on-surface-var); --muted:#5a6563; --line:var(--md-outline-var); --line2:var(--md-divider);
  --violet:#006b67; --violet-2:#12817d; --violet-soft:#e0f4f2; --gold:#12817d; --gold-2:#7fd3cc; --gold-3:#006b67; --teal:#12817d; --teal-soft:#e0f4f2;
  --navy:var(--md-on-surface); --nav-bg:var(--md-surface); --ring:rgba(0,107,103,.35);
  --lw-serif:Roboto,"Google Sans","Noto Sans",system-ui,-apple-system,"Segoe UI",sans-serif; --lw-sans:var(--lw-serif); --lw-mono:var(--lw-serif);
  --shadow-1:none; --shadow-2:0 1px 3px rgba(0,0,0,.08),0 4px 12px rgba(0,0,0,.05);
}
html[data-theme="dark"]{
  --md-primary:#84d5cf; --md-on-primary:#003734; --md-primary-container:#00504d; --md-on-primary-container:#a0f2ec;
  --md-secondary-container:#324b49; --md-on-secondary-container:#cce8e5;
  --md-surface:#0e1514; --md-surface-c-lowest:#090f0f; --md-surface-c-low:#161d1c; --md-surface-c:#1a2120; --md-surface-c-high:#252b2a; --md-surface-c-highest:#2f3635;
  --md-on-surface:#dde4e2; --md-on-surface-var:#bec9c6; --md-outline:#899390; --md-outline-var:#3f4947; --md-divider:#2a3231;
  --md-error:#ffb4ab; --md-error-container:#93000a;
  --bg:var(--md-surface); --cream:var(--md-surface-c-low); --surface:var(--md-surface-c-low); --surface-2:var(--md-surface-c);
  --ink:var(--md-on-surface); --body:var(--md-on-surface-var); --muted:#9aa5a2; --line:var(--md-outline-var); --line2:var(--md-divider);
  --violet:#84d5cf; --violet-2:#84d5cf; --violet-soft:#00504d; --gold:#84d5cf; --gold-2:#84d5cf; --gold-3:#84d5cf; --teal:#84d5cf; --teal-soft:#14251f;
  --navy:var(--md-on-surface); --nav-bg:var(--md-surface);
  color-scheme:dark;
}
@view-transition{navigation:auto}
::view-transition-old(root){animation:apOut .16s cubic-bezier(.3,0,.8,.15) both}
::view-transition-new(root){animation:apIn .28s cubic-bezier(.05,.7,.1,1) both}
@keyframes apOut{to{opacity:0}}
@keyframes apIn{from{opacity:0;transform:translateY(8px)}}
html{overscroll-behavior:none;-webkit-text-size-adjust:100%}
html body{font-family:Roboto,"Google Sans","Noto Sans",system-ui,-apple-system,"Segoe UI",sans-serif!important;font-size:16px;line-height:1.55;letter-spacing:.01em;
  background:var(--md-surface)!important;color:var(--md-on-surface-var);-webkit-tap-highlight-color:transparent;overscroll-behavior:none}
html body h1,html body h2,html body h3,html body h4{font-family:inherit!important;letter-spacing:0!important;color:var(--md-on-surface);font-weight:500!important;line-height:1.22}
html body h1{font-weight:400!important}
a,button,summary,label,select{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
:focus-visible{outline:2px solid var(--md-primary);outline-offset:2px}
html body .mono,html body .eyebrow .mono,html body span.mono{font-family:inherit!important;font-size:12px!important;font-weight:600;letter-spacing:.08em!important;color:var(--md-primary)!important}
.aurora-bg,.stars{display:none!important}

/* ---------- Butonlar (M3 filled / outlined pill) ---------- */
.btn{font-family:inherit!important;text-transform:none!important;letter-spacing:.1px!important;font-size:15px!important;font-weight:500;min-height:48px;padding:0 24px!important;border-radius:24px!important;
  transition:transform .1s,opacity .15s,background-color .15s!important;white-space:nowrap}
.btn-primary{background:var(--md-primary)!important;color:var(--md-on-primary)!important;box-shadow:none!important;border:0!important}
.btn-primary:hover{transform:none!important;box-shadow:0 1px 3px rgba(0,0,0,.18)!important}
.btn-ghost{background:transparent!important;color:var(--md-primary)!important;border:1px solid var(--md-outline)!important}
.btn-ghost:hover{background:color-mix(in srgb,var(--md-primary) 8%,transparent)!important}
.btn:active,.gbtn:active,#burger:active,.theme-tgl:active{transform:scale(.96)!important;opacity:.85}

/* ---------- Form alanlari (M3 filled text field) ---------- */
label{font-family:inherit!important;text-transform:none!important;letter-spacing:.1px!important;font-size:13px!important;font-weight:500;color:var(--md-on-surface-var)!important;margin-bottom:6px}
input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{min-height:56px;font-family:inherit!important;font-size:16px!important;color:var(--md-on-surface)!important;
  background:var(--md-surface-c-highest)!important;border:0!important;border-bottom:1px solid var(--md-on-surface-var)!important;border-radius:4px 4px 0 0!important;padding:16px!important;box-shadow:none!important}
input:focus,select:focus,textarea:focus{border-bottom:2px solid var(--md-primary)!important;box-shadow:none!important;outline:none}
input[type=checkbox]{width:20px!important;height:20px!important;min-height:0!important;accent-color:var(--md-primary);flex:none}

/* ======================================================================
   GIRIS / KAYIT / SIFRE / DOGRULAMA / 2FA  (includes/auth_layout.php)
   ====================================================================== */
body:has(.login-wrap){display:block!important;min-height:100dvh;padding:0!important;background:var(--md-surface)!important}
.login-wrap{max-width:440px!important;margin:0 auto;padding:max(12px,env(safe-area-inset-top)) 0 calc(24px + env(safe-area-inset-bottom,0px))}
.login-wrap>.brand{position:sticky;top:0;z-index:5;justify-content:flex-start!important;min-height:64px;margin:0!important;padding:8px 16px;background:var(--md-surface)}
.login-wrap>.brand img.logo{height:34px!important}
.login-wrap>.brand .tag{color:var(--md-primary)!important;font-family:inherit!important;font-weight:600;letter-spacing:.12em}
.login-card{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:8px 16px 16px!important}
.login-card>.mono{display:block;margin-top:8px}
.login-card h1{font-size:32px!important;line-height:40px;margin:8px 0 8px!important;color:var(--md-on-surface)}
.login-card .sub{font-size:15px!important;line-height:22px;color:var(--md-on-surface-var)!important;margin:0 0 24px!important}
.login-card .field{margin-bottom:16px}
.login-card .btn{width:100%;margin-top:8px;min-height:52px}
.login-card .row2{gap:0 12px}
.err{background:var(--md-error-container)!important;border:0!important;color:#410002!important;border-radius:12px!important;font-size:14px!important;padding:12px 16px!important}
.okbox{background:var(--md-secondary-container)!important;border:0!important;color:var(--md-on-secondary-container)!important;border-radius:12px!important;font-size:14px!important;padding:12px 16px!important}
html[data-theme="dark"] .err{color:#ffdad6!important}
.sep{font-family:inherit!important;font-size:12px!important;letter-spacing:.06em!important;color:var(--md-on-surface-var)!important;margin:24px 0 16px!important}
.sep:before,.sep:after{background:var(--md-divider)!important}
.gbtn{min-height:52px;border-radius:26px!important;border:1px solid var(--md-outline)!important;background:transparent!important;color:var(--md-on-surface)!important;font-size:15px!important;font-weight:500!important}
.gbtn:hover{background:color-mix(in srgb,var(--md-on-surface) 6%,transparent)!important}
.altline{font-size:14px!important;color:var(--md-on-surface-var)!important}
.altline a,.login-card a:not(.btn):not(.gbtn){color:var(--md-primary)!important;font-weight:500;display:inline-flex;align-items:center;min-height:44px}
.back{font-family:inherit!important;font-size:14px!important;letter-spacing:0!important;text-transform:none!important;color:var(--md-on-surface-var)!important;min-height:48px;display:flex!important;align-items:center;justify-content:center}
.terms,.terms *{font-family:inherit!important;font-size:13px!important}
.login-card label.terms{min-height:44px;align-items:center!important}
@media(min-width:600px){
  body:has(.login-wrap){display:flex!important;align-items:center;justify-content:center;padding:32px 16px!important;background:var(--md-surface-c)!important}
  .login-wrap{padding:0}
  .login-wrap>.brand{position:static;justify-content:center!important;background:transparent}
  .login-card{background:var(--md-surface-c-lowest)!important;border-radius:28px!important;padding:32px!important;box-shadow:0 1px 3px rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.06)!important}
  html[data-theme="dark"] .login-card{background:var(--md-surface-c-low)!important}
}

/* ======================================================================
   TANITIM SAYFASI (pages/landing.php)
   ====================================================================== */
header.nav{background:var(--md-surface)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-bottom:0!important;transition:background-color .2s,box-shadow .2s}
header.nav .nav-in{min-height:64px;padding-top:8px!important;padding-bottom:8px!important}
header.nav .brand{min-height:48px}
header.nav .brand img.logo{height:36px!important}
header.nav .brand .tag{font-family:inherit!important;font-weight:600;color:var(--md-primary)!important;border-color:var(--md-divider)!important}
.nav-links a{white-space:nowrap;font-size:15px!important;color:var(--md-on-surface-var)!important;min-height:44px;display:inline-flex;align-items:center}
.nav-links a:hover{color:var(--md-primary)!important}
#burger,.theme-tgl{width:48px!important;height:48px!important;border-radius:50%!important;border:0!important;background:transparent!important;color:var(--md-on-surface-var)!important}
#mmenu{background:var(--md-surface-c-low)!important;border:0!important;border-radius:0 0 28px 28px;padding:8px 0 20px!important;box-shadow:0 8px 16px rgba(0,0,0,.08)}
#mmenu a:not(.btn){display:flex!important;align-items:center;min-height:56px;padding:0 24px!important;font-size:16px!important;color:var(--md-on-surface)!important;border-bottom:0!important}
#mmenu a:not(.btn):active{background:color-mix(in srgb,var(--md-on-surface) 10%,transparent)}
#mmenu .mm-cta{padding:8px 24px 0;gap:12px!important}
#mmenu .mm-lang{padding:8px 24px 0!important}
#mmenu .mm-lang a{min-height:48px!important;padding:0 12px!important;border-radius:8px;border:1px solid var(--md-outline-var)!important;font-size:14px!important}
.lang-flags a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.hero{background:var(--md-surface)!important}
.hero h1{font-weight:400!important;color:var(--md-on-surface)!important}
.hero h1 em{font-style:normal!important;color:var(--md-primary)!important;background:none!important;-webkit-text-fill-color:currentColor}
.lead{color:var(--md-on-surface-var)!important}
.eyebrow{background:var(--md-secondary-container)!important;border:0!important;box-shadow:none!important;border-radius:8px!important;min-height:32px}
.eyebrow .mono{color:var(--md-on-secondary-container)!important}
.eyebrow .dot{background:var(--md-primary)!important;box-shadow:none!important}
.hero-note{color:var(--md-on-surface-var)!important;font-size:14px!important}
.mock{border:0!important;border-radius:24px!important;background:var(--md-surface-c-low)!important;box-shadow:0 1px 3px rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.06)!important}
.card-x,.step,.mod,.price,.luna-in,.cta-box,.pain>div,.kpi,.pipe .card{border:0!important;border-radius:20px!important;background:var(--md-surface-c-low)!important;box-shadow:none!important}
.card-x:hover,.mod:hover{transform:none!important;background:var(--md-surface-c)!important}
.card-x .ic,.luna-in .luna-ic{background:var(--md-primary-container)!important;color:var(--md-on-primary-container)!important;border:0!important;border-radius:14px!important}
.alt{background:var(--md-surface-c-lowest)!important}
html[data-theme="dark"] .alt{background:var(--md-surface-c-lowest)!important}
.sec-head h2{font-weight:400!important}
.bub{border:0!important;border-radius:16px!important;background:#fff!important;color:#111b21!important;box-shadow:0 1px .5px rgba(11,20,26,.13)}
.bub.me{background:#d9fdd3!important;border-top-right-radius:4px!important}
.bub:not(.me){border-top-left-radius:4px!important}
#baglanti details,.faq details,details{border-color:var(--md-divider)!important}
summary{min-height:48px;display:flex;align-items:center;cursor:pointer}
footer{background:var(--md-surface-c-low)!important;border-top:0!important;color:var(--md-on-surface-var)!important}
footer a{display:inline-flex;align-items:center;min-height:44px}
.reveal{transition-timing-function:cubic-bezier(.05,.7,.1,1)!important}
@media(max-width:1024px){
  header.nav .nav-in{padding-left:16px!important;padding-right:4px!important}
}
@media(max-width:620px){
  section{padding:48px 0!important}
  .wrap{padding-left:16px!important;padding-right:16px!important}
  .hero{padding:24px 0 40px!important}
  .hero h1{font-size:34px!important;line-height:42px}
  .lead{font-size:17px!important;line-height:26px}
  .hero-cta{display:flex!important;flex-direction:column;gap:12px!important}
  .hero-cta .btn{width:100%}
  .sec-head h2{font-size:28px!important;line-height:36px}
  .card-x,.step,.mod,.price,.luna-in,.cta-box{padding:20px!important}
  .cta-box .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}

/* ======================================================================
   GIZLILIK / KULLANIM KOSULLARI (privacy.php, terms.php)
   ====================================================================== */
body>header:not(.nav){position:sticky;top:0;z-index:5;background:var(--md-surface)!important;border-bottom:1px solid var(--md-divider)!important}
body>header:not(.nav) .hdr{min-height:64px;padding:8px 8px 8px 16px!important;color:var(--md-on-surface)!important;font-weight:500!important;font-size:18px}
body>header:not(.nav) .hdr>span{white-space:nowrap;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
body>header:not(.nav) .hdr>a{white-space:nowrap;display:inline-flex;align-items:center;min-height:48px;padding:0 12px;border-radius:24px;color:var(--md-primary)!important;font-weight:500;text-decoration:none}
body>header:not(.nav) .lang{margin-right:4px!important}
body>header:not(.nav) .lang a{min-height:44px!important;min-width:44px;justify-content:center}
body>header:not(.nav) .lang a.on{background:var(--md-secondary-container)!important;color:var(--md-on-secondary-container)!important}
body>.wrap{padding-top:24px!important}
body>.wrap h1{font-size:clamp(28px,6vw,40px)!important;line-height:1.2}
body>.wrap h2{font-size:20px!important;margin:32px 0 8px!important;color:var(--md-on-surface)!important}
body>.wrap p,body>.wrap li{font-size:16px!important;line-height:1.6;color:var(--md-on-surface-var)}
body>.wrap a{color:var(--md-primary)!important}
body>.wrap .eff{border-color:var(--md-divider)!important;color:var(--md-on-surface-var)!important}
body>.wrap .card{background:var(--md-surface-c-low)!important;border:0!important;border-radius:20px!important}
body>.wrap table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px}
body>.wrap th{background:var(--md-surface-c)!important;font-family:inherit!important;letter-spacing:.04em!important;color:var(--md-on-surface-var)!important}
body>.wrap th,body>.wrap td{border-color:var(--md-divider)!important;min-width:140px}
body>footer .foot a{color:var(--md-primary)}
@media(max-width:620px){
  body>.wrap{padding-left:16px!important;padding-right:16px!important}
  body>header:not(.nav) .hdr>a{font-size:14px!important}
}

/* Lunify World family footer — neutralise legacy footer rules (2026-11-05) */
html body footer.lf-footer,html[data-theme] body footer.lf-footer{background:#f8fafc!important;color:#475569!important;box-shadow:inset 0 1px 0 #e2e8f0;border-top:0!important;padding:48px 20px 24px!important;margin-top:48px!important;font-size:14px!important;line-height:1.6!important}
html body footer.lf-footer a,html[data-theme] body footer.lf-footer a{display:inline;min-height:auto!important;color:#334155!important}
html body footer.lf-footer a.lf-dl,html[data-theme] body footer.lf-footer a.lf-dl{display:inline-flex;color:#fff!important}
html body footer.lf-footer li.cur a,html body footer.lf-footer .lf-lang a.on{color:var(--lf-accent)!important}html body footer.lf-footer .lf-brand{color:#0f172a!important}
html body footer.lf-footer h4{color:#64748b!important;font-size:12px!important;margin:0 0 12px!important}
@media (max-width:480px){html body footer.lf-footer,html[data-theme] body footer.lf-footer{padding:36px 18px 20px!important}}