:root{--blue:#335eac;--red:#f42539;--white:#ffffff;--dark:#2b2b2b;--light:#efefef;--bg:#ffffff;--card:#ffffff;--text:#2b2b2b;--muted:#5f5f5f;--line:#efefef;--shadow:0 18px 50px rgba(24,42,78,.12);color-scheme:light}html[data-theme=dark]{--bg:#2b2b2b;--card:#2b2b2b;--text:#ffffff;--muted:#cfcfcf;--line:#3b3b3b;--light:#3b3b3b;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{width:min(1180px,100%);margin:0 auto;padding:16px}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:12px 0 18px;background:var(--bg)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:var(--shadow)}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.brand strong{display:block;font-size:18px}.brand small{display:block;color:var(--muted);margin-top:-3px}.top-actions{display:flex;align-items:center;gap:10px}.icon-btn,.ghost,.primary,.danger{border:0;border-radius:14px;padding:12px 16px;font-weight:700}.icon-btn{width:44px;height:44px;padding:0;display:grid;place-items:center;background:var(--card);color:var(--blue);border:1px solid var(--line)}.ghost{background:var(--light);color:var(--text)}.primary{background:var(--blue);color:#fff;box-shadow:0 12px 24px rgba(51,94,172,.22)}.danger{background:rgba(244,37,57,.12);color:var(--red)}.hidden{display:none!important}.auth-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:stretch}.hero-card,.panel{background:rgba(255,255,255,.78);background:color-mix(in srgb,var(--card) 88%,transparent);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}.hero-card{padding:34px;min-height:520px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;position:relative}.hero-card:before{content:"";position:absolute;inset:28px 28px auto auto;width:190px;height:190px;border:26px solid rgba(51,94,172,.14);border-radius:999px}.eyebrow{display:inline-flex;color:var(--blue);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:12px}.hero-card h1,.section-head h1{font-size:clamp(32px,7vw,64px);line-height:.95;margin:12px 0}.hero-card p{max-width:620px;color:var(--muted);font-size:18px;line-height:1.6}.hero-points{display:flex;gap:10px;flex-wrap:wrap}.hero-points span{padding:10px 12px;border-radius:999px;background:var(--light);font-weight:700}.auth-panel{padding:18px}.tabs{display:grid;grid-template-columns:repeat(3,1fr);background:var(--light);border-radius:18px;padding:5px;margin-bottom:18px}.tab{border:0;border-radius:14px;background:transparent;color:var(--muted);padding:12px 8px;font-weight:800}.tab.active{background:var(--card);color:var(--blue);box-shadow:0 8px 18px rgba(0,0,0,.07)}form{display:grid;gap:14px}label{display:grid;gap:7px;color:var(--muted);font-size:13px;font-weight:800}input,select,textarea{width:100%;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:14px;padding:13px 14px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(51,94,172,.12)}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hint{color:var(--muted);font-size:13px}.mobile-nav{display:flex;gap:8px;overflow:auto;padding:4px 0 16px;margin-bottom:6px}.nav-item{white-space:nowrap;border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:999px;padding:11px 14px;font-weight:800}.nav-item.active{background:var(--blue);color:#fff;border-color:var(--blue)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:10px 0 18px}.section-head h1{font-size:clamp(28px,7vw,48px)}#monthPicker{max-width:170px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:16px}.service-card{position:relative;overflow:hidden;text-align:left;border:1px solid var(--line);border-radius:24px;background:var(--card);color:var(--text);padding:18px;min-height:150px;box-shadow:0 10px 26px rgba(18,25,40,.06)}.service-card.active{outline:3px solid rgba(51,94,172,.24);border-color:var(--blue)}.service-card img{position:absolute;right:-15px;bottom:-18px;width:120px;height:120px;object-fit:cover;border-radius:28px;opacity:.22}.service-card h3{margin:0 0 8px;font-size:20px}.service-card p{margin:0;color:var(--muted);line-height:1.4}.price{display:inline-block;margin-top:14px;color:var(--blue);font-weight:900}.calendar-card{padding:14px}.calendar-head{display:flex;align-items:center;justify-content:space-between}.calendar-head h2{margin:0;text-transform:capitalize}.weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.weekdays{margin:14px 0 7px;color:var(--muted);font-size:12px;font-weight:900;text-align:center}.day{min-height:96px;border:1px solid var(--line);background:var(--card);border-radius:18px;padding:10px;text-align:left;color:var(--text);display:flex;flex-direction:column;gap:7px}.day.muted{opacity:.35}.day strong{font-size:14px}.day .badge{margin-top:auto;align-self:flex-start;border-radius:999px;padding:5px 8px;background:rgba(51,94,172,.12);color:var(--blue);font-size:11px;font-weight:900}.day .appt{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-left:3px solid var(--red);padding-left:5px;font-size:11px;color:var(--muted)}.day.available{border-color:rgba(51,94,172,.45)}.day.today{box-shadow:inset 0 0 0 2px var(--red)}.list{display:grid;gap:12px}.list-item{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:20px;background:var(--card)}.list-item h3{margin:0 0 5px}.list-item p{margin:0;color:var(--muted)}.actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.form-grid{padding:18px}.modal{border:0;background:transparent;padding:16px;width:min(560px,100%)}.modal::backdrop{background:rgba(8,12,22,.62);backdrop-filter:blur(5px)}.modal .panel{padding:20px}.close{float:right;border:0;background:var(--light);color:var(--text);border-radius:50%;width:34px;height:34px;font-size:22px}.slot-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:10px;margin-top:14px}.slot{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:14px;padding:12px;font-weight:900}.slot:hover{border-color:var(--blue);color:var(--blue)}.check{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:10px}.check input{width:auto}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,120px);background:var(--dark);color:#fff;padding:13px 16px;border-radius:16px;box-shadow:var(--shadow);transition:.25s;z-index:20;max-width:min(92vw,520px)}.toast.show{transform:translate(-50%,0)}@media (max-width:760px){.app-shell{padding:12px}.auth-grid{grid-template-columns:1fr}.hero-card{min-height:360px;padding:24px}.auth-panel,.panel{border-radius:22px}.section-head{align-items:start;flex-direction:column}.two-cols{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.weekdays,.calendar-grid{gap:4px}.day{min-height:78px;border-radius:14px;padding:8px}.day .appt{display:none}.day .badge{font-size:10px;padding:4px 6px}.list-item{grid-template-columns:1fr}.actions{justify-content:flex-start}.topbar{padding-bottom:12px}.brand small{display:none}}
.booking-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 14px}.booking-steps span{border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px;font-weight:900;padding:9px 10px;text-align:center}.booking-steps span.active{background:rgba(51,94,172,.12);border-color:var(--blue);color:var(--blue)}.step-actions{display:flex;justify-content:flex-end;margin:-2px 0 16px}.confirm-card{padding:20px}.confirm-card h2{margin:8px 0}.day-calendar{display:grid;gap:12px}.day-focus{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);background:var(--card);border-radius:20px;padding:16px}.day-focus strong{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:var(--blue);color:#fff;font-size:22px}.day-focus span{color:var(--muted);font-weight:900}.day-empty{border:1px dashed var(--line);border-radius:18px;color:var(--muted);padding:18px;text-align:center}@media (max-width:760px){.mobile-nav{display:flex;gap:6px;overflow:visible;padding-bottom:10px}.nav-item{flex:1 1 0}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;padding:8px 4px;border-radius:14px;font-size:10px;line-height:1.05}.nav-item svg{width:18px;height:18px}.nav-item span{max-width:100%;overflow:hidden;text-overflow:ellipsis}.nav-item.admin-only.hidden{display:none!important}.topbar{position:static}.booking-steps{gap:5px}.booking-steps span{font-size:10px;padding:8px 5px}.calendar-head h2{font-size:18px;text-align:center}.calendar-card{padding:12px}.day-calendar .slot-list{grid-template-columns:repeat(3,1fr)}}
.nav-item{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:14px}.nav-item svg{flex:0 0 auto;width:19px;height:19px}.modal h2{margin:0 0 14px}@media (min-width:761px){.mobile-nav{gap:12px}.nav-item{padding:10px 16px}}
.closure-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.closure-check{background:var(--light);border-radius:14px;padding:12px}.compact-list .list-item{padding:12px}
button,.nav-item,.service-card,.day,.list-item,.panel,.icon-btn,.ghost,.primary,.danger,input,select,textarea{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease}.icon-btn,.ghost,.primary,.danger,.tab,.nav-item,input,select,textarea,.service-card,.panel,.list-item,.day,.slot,.close{border-radius:22px}.brand-mark{border-radius:22px}.primary:hover,.ghost:hover,.danger:hover,.icon-btn:hover,.nav-item:hover,.service-card:hover,.day.available:hover,.slot:hover,.list-item:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(24,42,78,.14)}.primary:active,.ghost:active,.danger:active,.icon-btn:active,.nav-item:active,.service-card:active,.slot:active{transform:translateY(0) scale(.98)}.search-panel{margin-bottom:14px}@media (max-width:760px){body{padding-bottom:82px}.mobile-nav{position:fixed;left:10px;right:10px;bottom:10px;z-index:30;background:color-mix(in srgb,var(--card) 94%,transparent);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:7px;backdrop-filter:blur(10px)}.nav-item{font-size:8.5px;padding:7px 2px;border-radius:18px}.nav-item svg{width:17px;height:17px}.nav-item span{letter-spacing:-.03em}.toast{bottom:94px}}
.appointment-filter{margin-bottom:14px}.filter-actions{display:flex;align-items:end}.topbar .icon-btn,.topbar .ghost{box-shadow:0 3px 8px rgba(24,42,78,.08)}.topbar .icon-btn:hover,.topbar .ghost:hover{box-shadow:0 6px 12px rgba(24,42,78,.12)}.primary{box-shadow:0 6px 14px rgba(51,94,172,.16)}@media (max-width:760px){.filter-actions{align-items:stretch}.filter-actions .ghost{width:100%}}
.notification-btn{position:relative}.notification-badge{position:absolute;top:-4px;right:-4px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--red);color:#fff;font-size:10px;font-weight:900;border:2px solid var(--card)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.modal-head h2{margin:0}.notifications-panel{max-height:min(78vh,680px);overflow:auto}.notification-item.unread{border-color:rgba(51,94,172,.45);box-shadow:inset 4px 0 0 var(--blue)}.notification-item small{display:block;color:var(--muted);font-size:12px;margin-top:6px}
.nav-item:hover{transform:translateY(-1px);box-shadow:0 6px 12px rgba(24,42,78,.10)}.archive-link{align-self:center;border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:800;text-decoration:underline;padding:4px 8px;margin-top:4px}.archive-link:hover{color:var(--blue)}.notification-item.archived{opacity:.88}
.notification-permission{width:100%;margin:0 0 10px;padding:10px 12px;font-size:12px}
.toast{opacity:0;visibility:hidden;pointer-events:none;transition:transform .25s ease,opacity .25s ease,visibility 0s linear .25s}.toast.show{opacity:1;visibility:visible;transition:transform .25s ease,opacity .25s ease}
input,select,textarea{font-size:16px;line-height:1.25}
.brand-logo{width:30px;height:30px;object-fit:contain}.three-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.settings-logo-preview{width:92px;height:92px;object-fit:contain;border:1px solid var(--line);border-radius:22px;background:var(--light);padding:10px}@media (max-width:760px){.three-cols{grid-template-columns:1fr}}

#appSettingsForm{margin-top:26px}
.color-control{display:flex;align-items:center;gap:10px}.color-control input[type=color]{width:48px;min-width:48px;height:42px;padding:4px}.color-code{font-size:12px;font-weight:900;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.day-calendar{margin-top:12px}@media (max-width:760px){.day-calendar{margin-top:16px}.appointment-item{gap:12px}.appointment-item h3{margin-bottom:8px;line-height:1.25}.appointment-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;justify-content:stretch}.appointment-actions .ghost,.appointment-actions .danger{width:100%;padding:9px 4px;font-size:11px;line-height:1;text-align:center;white-space:nowrap}}
@media (min-width:761px){.calendar-grid .day:not(.muted):hover{transform:translateY(-1px);border-color:var(--blue);box-shadow:0 8px 18px rgba(24,42,78,.10);background:color-mix(in srgb,var(--card) 94%,var(--blue) 6%)}}
.appointment-filter,.appointment-filter *{min-width:0}.appointment-filter input[type=date]{max-width:100%;width:100%}@media (max-width:760px){.appointment-filter{overflow:hidden}.appointment-filter .two-cols{grid-template-columns:minmax(0,1fr)}.appointment-filter label{width:100%}}

.calendar-grid .day.closed{background:color-mix(in srgb,var(--card) 90%,var(--muted) 10%);border-color:var(--line);color:var(--muted);cursor:not-allowed}.calendar-grid .day.closed .badge{background:rgba(120,130,150,.14);color:var(--muted)}.calendar-grid .day.closed:disabled{opacity:.78}

:root{--blue:#335eac;--red:#f42539;--dark:#111826;--light:#edf2ff;--bg:#f7f9ff;--card:#ffffff;--text:#1e2a44;--muted:#5e6b86;--line:rgba(51,94,172,.12);--shadow:0 22px 60px rgba(24,42,78,.12)}
html[data-theme=dark]{--bg:#111827;--card:#182235;--text:#f7f9ff;--muted:#c5cfe4;--line:rgba(237,242,255,.08);--light:#24314a}
body{background:
linear-gradient(135deg,rgba(51,94,172,.08),transparent 38%),
radial-gradient(circle at top right,rgba(244,37,57,.10),transparent 24%),
var(--bg);font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.app-shell{width:min(1240px,100%);padding:20px}
.topbar{padding:14px 0 22px;background:transparent}
.brand strong,.hero-card h1,.section-head h1,.landing-hero h1,.story-panel h2,.auth-panel-head h2{font-family:"Bebas Neue",Impact,sans-serif;letter-spacing:.03em}
.brand strong{font-size:28px;line-height:.95}
.brand small{font-size:12px;letter-spacing:.18em;text-transform:uppercase}
.brand-mark{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(237,242,255,.9))}
.top-actions{gap:12px}
.guest-cta{display:flex;align-items:center;gap:10px}
.guest-cta .ghost,.guest-cta .primary,.landing-actions .ghost,.landing-actions .primary{padding:11px 16px}
.ghost,.primary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.landing-stack{display:grid;gap:22px}
.landing-hero,.story-panel,.auth-panel{background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(16px)}
.landing-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:24px;overflow:hidden;padding:28px;position:relative}
.landing-hero:before{content:"";position:absolute;inset:auto auto -80px -40px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(51,94,172,.16),transparent 70%)}
.landing-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}
.landing-kicker{margin:6px 0 0;color:var(--muted);font-size:14px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.landing-hero h1{margin:16px 0 14px;font-size:clamp(42px,7.2vw,84px);line-height:.9}
.landing-lead{max-width:650px;margin:0 0 24px;color:var(--muted);font-size:18px;line-height:1.7}
.landing-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.landing-media{display:grid;gap:14px;align-content:center}
.media-frame{position:relative;border-radius:34px;overflow:hidden;min-height:100%;background:#10213f;box-shadow:0 28px 60px rgba(24,42,78,.22)}
.media-frame img{display:block;width:100%;height:100%;min-height:520px;object-fit:cover;object-position:center top;filter:saturate(1.04)}
.media-note{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:16px 18px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,rgba(51,94,172,.96),rgba(25,49,98,.96));color:#f7f9ff}
.media-note strong{font-size:15px;text-transform:uppercase;letter-spacing:.12em}
.media-note span{font-size:13px;line-height:1.5;color:rgba(247,249,255,.82)}
.hero-points{gap:12px}
.hero-points span{background:rgba(255,255,255,.92);border:1px solid rgba(51,94,172,.14);font-weight:800}
.landing-section-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:22px}
.story-panel,.auth-panel{padding:24px}
.auth-panel-home{width:100%}
.story-panel h2,.auth-panel-head h2{margin:12px 0 10px;font-size:clamp(32px,5vw,52px);line-height:.92}
.story-panel p{margin:0;color:var(--muted);line-height:1.7}
.feature-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
.feature-card{padding:18px;border-radius:24px;background:linear-gradient(180deg,rgba(51,94,172,.04),rgba(244,37,57,.03));border:1px solid var(--line)}
.feature-card strong{display:block;margin-bottom:8px;font-size:16px}
.feature-card p{font-size:14px;line-height:1.6}
.journey-card{padding:24px}
.journey-card h2{margin:12px 0 16px;font-size:clamp(30px,4vw,48px);line-height:.94}
.journey-steps{display:grid;gap:14px}
.journey-steps div{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;padding:16px;border:1px solid var(--line);border-radius:22px;background:rgba(51,94,172,.03)}
.journey-steps strong{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--blue),#5077d3);color:#fff;font-family:"Bebas Neue",Impact,sans-serif;font-size:28px;line-height:1}
.journey-steps p{margin:0;color:var(--muted);line-height:1.6}
.auth-panel-head{margin-bottom:18px}
.tabs{background:rgba(51,94,172,.08);padding:6px}
.tab.active{color:var(--text)}
.tab{font-weight:900}
.auth-form{gap:16px}
.auth-form .primary{margin-top:4px}
.primary{background:linear-gradient(135deg,#335eac,#4f76d6);box-shadow:0 16px 28px rgba(51,94,172,.22)}
.ghost{background:rgba(51,94,172,.10)}
.icon-btn{color:var(--blue)}
.panel,.list-item,.service-card,.day,.modal .panel,.calendar-card{background:color-mix(in srgb,var(--card) 94%,transparent)}
.auth-page-grid{display:grid;grid-template-columns:minmax(320px,.92fr) minmax(0,.88fr);gap:22px;align-items:start}
.auth-aside{padding:24px}
.auth-aside h1{margin:12px 0 10px;font-family:"Bebas Neue",Impact,sans-serif;font-size:clamp(38px,6vw,62px);line-height:.92;letter-spacing:.03em}
.auth-aside p{margin:0;color:var(--muted);line-height:1.7}
.auth-highlights{display:grid;gap:12px;margin:22px 0}
.auth-highlights div{display:grid;gap:4px;padding:16px;border-radius:22px;background:rgba(51,94,172,.04);border:1px solid var(--line)}
.auth-highlights strong{font-size:15px}
.auth-highlights span{font-size:14px;line-height:1.6;color:var(--muted)}
.auth-media-frame img{min-height:360px}
.video-section{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:22px;align-items:center;padding:24px}
.video-copy h2{margin:12px 0 10px;font-family:"Bebas Neue",Impact,sans-serif;font-size:clamp(32px,5vw,54px);line-height:.92;letter-spacing:.03em}
.video-copy p{margin:0;color:var(--muted);line-height:1.7}
.video-frame{border-radius:28px;overflow:hidden;background:#0f1d37;box-shadow:0 20px 44px rgba(24,42,78,.18)}
.video-frame video{display:block;width:100%;height:auto;max-height:620px;background:#0f1d37}
html[data-theme=dark] body{background:
linear-gradient(145deg,rgba(64,110,217,.16),transparent 34%),
radial-gradient(circle at top right,rgba(244,37,57,.16),transparent 22%),
linear-gradient(180deg,#0c1422,#111827 32%,#0d1626 100%)}
html[data-theme=dark] .topbar{position:sticky;top:0;backdrop-filter:blur(16px);background:transparent}
html[data-theme=dark] .brand-mark{background:linear-gradient(180deg,rgba(38,56,92,.92),rgba(24,34,53,.94));border-color:rgba(151,181,255,.12)}
html[data-theme=dark] .brand small{color:#9fb5e6}
html[data-theme=dark] .panel,
html[data-theme=dark] .list-item,
html[data-theme=dark] .service-card,
html[data-theme=dark] .day,
html[data-theme=dark] .modal .panel,
html[data-theme=dark] .calendar-card{background:linear-gradient(180deg,rgba(24,34,53,.96),rgba(18,27,42,.94));border-color:rgba(151,181,255,.10);box-shadow:0 24px 48px rgba(0,0,0,.22)}
html[data-theme=dark] .landing-hero,
html[data-theme=dark] .story-panel,
html[data-theme=dark] .auth-panel,
html[data-theme=dark] .journey-card,
html[data-theme=dark] .auth-aside,
html[data-theme=dark] .video-section{background:linear-gradient(180deg,rgba(24,34,53,.96),rgba(17,25,39,.94))}
html[data-theme=dark] .landing-lead,
html[data-theme=dark] .story-panel p,
html[data-theme=dark] .journey-steps p,
html[data-theme=dark] .video-copy p,
html[data-theme=dark] .auth-aside p,
html[data-theme=dark] .auth-highlights span{color:#cdd8ef}
html[data-theme=dark] .hero-points span,
html[data-theme=dark] .feature-card,
html[data-theme=dark] .journey-steps div,
html[data-theme=dark] .auth-highlights div{background:rgba(255,255,255,.03);border-color:rgba(151,181,255,.10)}
html[data-theme=dark] .ghost{background:rgba(255,255,255,.05);color:#eef4ff}
html[data-theme=dark] .ghost:hover{background:rgba(255,255,255,.09)}
html[data-theme=dark] .tabs{background:rgba(255,255,255,.05)}
html[data-theme=dark] .tab.active{background:rgba(255,255,255,.08);color:#fff}
html[data-theme=dark] input,
html[data-theme=dark] select,
html[data-theme=dark] textarea{background:rgba(255,255,255,.04);border-color:rgba(151,181,255,.12);color:#f7f9ff}
html[data-theme=dark] .media-note{border-color:rgba(151,181,255,.12);box-shadow:0 18px 36px rgba(0,0,0,.22)}
html[data-theme=dark] .video-frame{box-shadow:0 24px 56px rgba(0,0,0,.28)}
@media (max-width:980px){.landing-hero,.landing-section-grid,.auth-page-grid{grid-template-columns:1fr}.feature-cards{grid-template-columns:1fr}.media-frame img{min-height:420px}}
@media (max-width:980px){.video-section{grid-template-columns:1fr}}
@media (max-width:760px){.app-shell{padding:12px}.topbar{align-items:flex-start;gap:12px}.top-actions{flex-wrap:wrap;justify-content:flex-end}.guest-cta{width:100%;justify-content:flex-end}.guest-cta .ghost,.guest-cta .primary,.landing-actions .ghost,.landing-actions .primary{flex:1 1 0}.landing-hero{padding:20px}.landing-hero h1{font-size:clamp(38px,14vw,62px)}.landing-lead{font-size:16px}.media-frame img{min-height:320px}.media-note{display:grid}.story-panel,.auth-panel,.journey-card,.auth-aside,.video-section{padding:20px}.journey-steps div{grid-template-columns:1fr}.journey-steps strong{width:42px;height:42px}}