@font-face{font-family:C;src:url(/assets/fonts/Cinzel-Black.ttf);font-weight:900;font-display:swap}
@font-face{font-family:C;src:url(/assets/fonts/Cinzel-Bold.ttf);font-weight:700;font-display:swap}
@font-face{font-family:M;src:url(/assets/fonts/Montserrat.ttf);font-weight:100 900;font-display:swap}
@font-face{font-family:G;src:url(/assets/fonts/CormI-SemiBold.ttf);font-style:italic;font-display:swap}
:root{--gold:#E8C46A;--lg:#F2D89A;--bz:#462A0A;--amb:#F0AA3C;--blk:#100D0A;--cr:#F4EEE2;--teal:#0B1414;--line:rgba(232,196,106,.35);--glass:rgba(0,0,0,.55)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--blk);color:var(--cr);font:500 16px/1.6 M,system-ui,sans-serif;min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}
body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse 90% 45% at 50% -5%,rgba(240,170,60,.22),transparent 65%),radial-gradient(ellipse 70% 50% at 100% 100%,rgba(11,20,20,.9),transparent 70%),var(--blk)}
a{color:var(--gold)}main{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:18px 16px 40px}
body.has-bn main{padding-bottom:96px}
.ic{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;display:block}
.demo{background:repeating-linear-gradient(135deg,#F0AA3C,#F0AA3C 12px,#E8C46A 12px,#E8C46A 24px);color:var(--blk);text-align:center;font:800 11px M;letter-spacing:.22em;text-transform:uppercase;padding:6px}
.tag{display:inline-block;vertical-align:middle;margin-left:6px;padding:2px 8px;border-radius:99px;background:#F0AA3C;color:var(--blk);font:800 9px M;letter-spacing:.14em;text-transform:uppercase;-webkit-text-fill-color:var(--blk)}
.top{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid rgba(232,196,106,.22);background:rgba(10,8,6,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:sticky;top:0;z-index:30}
.top img{height:34px;display:block}
.tn{display:none;gap:4px;align-items:center}.tn a{display:flex;gap:7px;align-items:center;padding:9px 13px;border-radius:10px;font:600 12px M;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--cr);opacity:.8}.tn a .ic{font-size:16px;color:var(--gold)}.tn a.on,.tn a:hover{opacity:1;background:rgba(232,196,106,.1)}
body:not(.has-bn) .tn{display:flex}@media(min-width:860px){.tn{display:flex}}
.bn{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;justify-content:space-around;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:rgba(10,8,6,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(232,196,106,.3)}
.bn a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;color:#b8ab93;font:600 10px M;letter-spacing:.12em;text-transform:uppercase;padding:4px 0;min-height:48px;justify-content:center}.bn a .ic{font-size:22px}.bn a.on{color:var(--gold)}.bn a.on .ic{filter:drop-shadow(0 0 6px rgba(240,170,60,.7))}
@media(min-width:860px){.bn{display:none}body.has-bn main{padding-bottom:40px}}
h1,h2,h3,.cz{font-family:C;text-transform:uppercase;line-height:1.06;margin:.25em 0;letter-spacing:.01em}
h1,h2,.mg{background:linear-gradient(180deg,#FFF1C8 0%,var(--lg) 30%,var(--gold) 60%,#A9782A 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
h1{font-size:clamp(30px,8vw,52px);font-weight:900}h2{font-size:clamp(22px,5.4vw,32px);font-weight:900}h3{font-size:18px;font-weight:700;color:var(--lg)}
.sub{font:italic 600 20px/1.35 G,serif;color:var(--cr);opacity:.92;margin:.3em 0 .8em}
.k{font:700 11px M;letter-spacing:.22em;text-transform:uppercase;color:var(--amb)}
.muted{opacity:.72;font-size:14px}
.panel{background:var(--glass);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:inset 0 1px 0 rgba(242,216,154,.08),0 18px 40px rgba(0,0,0,.35);margin:14px 0;backdrop-filter:blur(6px)}
.panel.gold{background:linear-gradient(160deg,rgba(242,216,154,.16),rgba(70,42,10,.5));border-color:var(--gold);box-shadow:0 0 40px rgba(240,170,60,.18)}
.btn{display:inline-flex;gap:10px;align-items:center;justify-content:center;min-height:54px;padding:0 26px;border:0;border-radius:14px;cursor:pointer;background:linear-gradient(180deg,#FBE6AE,var(--gold) 45%,#C3963F);color:#1a1208;font:800 13px M;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;box-shadow:0 0 0 1px rgba(255,236,180,.5) inset,0 8px 24px rgba(240,170,60,.35);transition:transform .15s,box-shadow .2s;-webkit-tap-highlight-color:transparent}
.btn:hover{box-shadow:0 0 0 1px rgba(255,236,180,.6) inset,0 10px 34px rgba(240,170,60,.6)}.btn:active{transform:scale(.98)}.btn .ic{font-size:18px}
.btn.ghost{background:rgba(0,0,0,.35);color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.btn.sm{min-height:42px;padding:0 16px;font-size:11px}.btn.danger{background:#4a1810;color:var(--cr);box-shadow:none}
.btn[disabled]{opacity:.55;cursor:default}.full{width:100%}
form label{display:block;font:700 11px M;letter-spacing:.16em;text-transform:uppercase;margin:16px 0 7px;color:var(--lg)}
input,textarea,select{width:100%;min-height:52px;padding:13px 15px;border-radius:12px;border:1px solid rgba(232,196,106,.4);background:rgba(8,6,4,.8);color:var(--cr);font:500 16px M;transition:border .2s,box-shadow .2s}
input:focus,textarea:focus{outline:0;border-color:var(--gold);box-shadow:0 0 0 3px rgba(232,196,106,.18)}textarea{min-height:140px;line-height:1.5}input[type=checkbox]{width:20px;height:20px;min-height:0;accent-color:var(--gold);vertical-align:middle}
.auth{max-width:460px;margin:18px auto}
.err{background:#3b120c;border:1px solid #c0532e;padding:12px 14px;border-radius:12px;margin:10px 0}.ok{background:rgba(70,42,10,.6);border:1px solid var(--gold);padding:12px 14px;border-radius:12px;margin:10px 0}
.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.spread{justify-content:space-between}
.pill{display:inline-flex;gap:6px;align-items:center;padding:4px 11px;border-radius:99px;font:700 10px M;letter-spacing:.12em;text-transform:uppercase;background:rgba(232,196,106,.1);color:var(--lg);border:1px solid rgba(232,196,106,.4)}.pill .ic{font-size:13px}
/* hero */
.hero{position:relative;margin:-18px -16px 0;padding:34px 20px 26px;overflow:hidden;border-bottom:1px solid rgba(232,196,106,.25)}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(16,13,10,.35),rgba(16,13,10,.75) 60%,var(--blk)),url(/assets/img/vault-center.webp) center 35%/cover}
@media(min-width:860px){.hero{margin:0;border-radius:24px;border:1px solid var(--line);padding:48px}.hero:before{background:linear-gradient(90deg,rgba(16,13,10,.92) 30%,rgba(16,13,10,.3)),url(/assets/img/vault-side-r.webp) right center/cover}}
.hgrid{display:flex;gap:20px;align-items:center;justify-content:space-between}
.ring{--p:0;flex:0 0 auto;width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--gold) calc(var(--p)*1%),rgba(232,196,106,.14) 0);box-shadow:0 0 30px rgba(240,170,60,.35)}
.ring>div{width:92px;height:92px;border-radius:50%;background:radial-gradient(circle at 50% 30%,#2a1f12,#0d0a07);display:grid;place-items:center;text-align:center;border:1px solid rgba(232,196,106,.35)}
.ring b{font:900 28px C;line-height:1}.ring small{display:block;font:700 9px M;letter-spacing:.16em;text-transform:uppercase;opacity:.75;margin-top:2px}
@media(min-width:860px){.ring{width:150px;height:150px}.ring>div{width:124px;height:124px}.ring b{font-size:38px}}
.cont{display:flex;gap:14px;align-items:center;text-decoration:none;color:var(--cr);margin-top:18px}
.cont .th{flex:0 0 96px;height:72px;border-radius:12px;background:url(/assets/img/tablets.webp) center/cover;border:1px solid var(--gold);display:grid;place-items:center;position:relative;overflow:hidden}
.cont .th:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.35)}.cont .th i{position:relative;z-index:1;width:40px;height:40px;border-radius:50%;background:var(--gold);color:var(--blk);display:grid;place-items:center;font-size:18px;box-shadow:0 0 18px rgba(240,170,60,.8)}
/* journey path */
.path{position:relative;margin:8px 0 0;padding:0;list-style:none}
.path:before{content:"";position:absolute;left:31px;top:30px;bottom:30px;width:2px;background:linear-gradient(180deg,var(--gold),rgba(232,196,106,.15))}
.step{position:relative;display:flex;gap:14px;align-items:center;margin:0 0 12px;text-decoration:none;color:var(--cr)}
.medal{position:relative;z-index:1;flex:0 0 64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:28px;color:var(--gold);background:radial-gradient(circle at 50% 30%,#3a2a14,#120d08);border:1.5px solid var(--gold);box-shadow:0 0 18px rgba(240,170,60,.3)}
.tablet{flex:1;min-width:0;padding:14px 16px;border-radius:16px 16px 16px 16px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(242,216,154,.08),rgba(0,0,0,.55));position:relative;overflow:hidden}
.tablet .num{font:900 13px C;letter-spacing:.12em;color:var(--amb)}.tablet .t{font:700 15.5px/1.2 C;text-transform:uppercase;color:var(--cr);margin:3px 0 6px}
.tablet .meta{display:flex;gap:10px;align-items:center;font:600 11px M;letter-spacing:.08em;color:#c9bca3}.tablet .meta .ic{font-size:13px}
.st{margin-left:auto;font-size:18px}
.step.done .medal{background:radial-gradient(circle at 50% 30%,#FBE6AE,var(--gold) 55%,#9a6d22);color:#1a1208}
.step.done .st{color:var(--gold)}
.step.cur .tablet{border-color:var(--gold);background:linear-gradient(160deg,rgba(242,216,154,.2),rgba(70,42,10,.55));box-shadow:0 0 30px rgba(240,170,60,.25)}
.step.cur .medal{animation:pulse 2.4s infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 14px rgba(240,170,60,.35)}50%{box-shadow:0 0 34px rgba(240,170,60,.85)}}
.step.locked{cursor:default}.step.locked .medal{color:#6d5d40;border-color:#5a4a2c;box-shadow:none;background:#0d0a07}.step.locked .tablet{opacity:.62}.step.locked .t{color:#b9ac94}
@media(min-width:860px){.path{display:grid;grid-template-columns:1fr 1fr;gap:4px 28px}.path:before{display:none}}
.cards{display:grid;gap:12px}@media(min-width:760px){.cards{grid-template-columns:repeat(3,1fr)}}
.card{display:flex;gap:14px;align-items:flex-start}.card .ci{flex:0 0 46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:22px;color:var(--gold);border:1px solid var(--line);background:rgba(232,196,106,.07)}
/* lesson */
.lwrap{display:grid;gap:22px}@media(min-width:980px){.lwrap{grid-template-columns:minmax(0,1fr) 320px}}
.lh{display:flex;gap:14px;align-items:center;margin:4px 0 14px}.lh .medal{flex:0 0 56px;height:56px;font-size:24px}
.lh h1{font-size:clamp(24px,6.5vw,40px);margin:0}
.player{position:relative;aspect-ratio:16/9;background:#000;border-radius:18px;overflow:hidden;border:1px solid var(--gold);box-shadow:0 0 50px rgba(240,170,60,.18),0 20px 50px rgba(0,0,0,.6);user-select:none;-webkit-user-select:none;margin:0 -16px;border-radius:0;border-left:0;border-right:0}
@media(min-width:640px){.player{margin:0;border-radius:18px;border:1px solid var(--gold)}}
.player video,.player iframe{width:100%;height:100%;border:0;display:block;background:#000}
.wm{position:absolute;pointer-events:none;font:600 11px M;color:rgba(255,255,255,.3);text-shadow:0 0 3px #000;white-space:nowrap;transition:all 1.4s ease;z-index:5}
.novideo{display:grid;place-items:center;height:100%;font:italic 600 20px G;color:var(--lg);text-align:center;padding:20px;background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.75)),url(/assets/img/tablets.webp) center/cover}
.tabs{display:flex;gap:4px;margin:18px 0 0;padding:4px;border-radius:14px;background:rgba(0,0,0,.5);border:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.tabs button{flex:1 0 auto;min-height:44px;border:0;background:none;color:#c9bca3;font:700 11px M;letter-spacing:.14em;text-transform:uppercase;border-radius:10px;cursor:pointer;white-space:nowrap;padding:0 10px}
@media(max-width:420px){.tabs button{font-size:10px;letter-spacing:.08em;padding:0 8px}}
.tabs button.on{background:linear-gradient(180deg,#FBE6AE,var(--gold) 60%,#C3963F);color:#1a1208}
.pane{display:none}.pane.on{display:block}
.tk{list-style:none;padding:0;margin:10px 0 0}.tk li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid rgba(232,196,106,.15)}.tk li:last-child{border:0}.tk li b{flex:0 0 28px;height:28px;border-radius:50%;display:grid;place-items:center;font:900 13px C;color:#1a1208;background:var(--gold)}
.cta-bar{position:sticky;bottom:78px;z-index:20;margin-top:16px}@media(min-width:860px){.cta-bar{bottom:16px}}
.side{display:none}@media(min-width:980px){.side{display:block;position:sticky;top:80px;align-self:start}}
.mlist a{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;text-decoration:none;color:var(--cr);font:600 13px/1.25 M}.mlist a:hover{background:rgba(232,196,106,.08)}.mlist a.on{background:rgba(232,196,106,.14);box-shadow:inset 3px 0 0 var(--gold)}
.mlist .n{flex:0 0 34px;height:34px;border-radius:50%;display:grid;place-items:center;font:900 12px C;border:1px solid var(--gold);color:var(--gold)}.mlist .done .n{background:var(--gold);color:#1a1208}.mlist .locked{opacity:.45;pointer-events:none}
.sheet-btn{display:flex}@media(min-width:980px){.sheet-btn{display:none}}
.sheet{position:fixed;inset:0;z-index:60;display:none}.sheet.on{display:block}.sheet .bg{position:absolute;inset:0;background:rgba(0,0,0,.6)}
.sheet .sh{position:absolute;left:0;right:0;bottom:0;max-height:78vh;overflow:auto;background:#140f0a;border-top:1px solid var(--gold);border-radius:22px 22px 0 0;padding:10px 14px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -20px 60px rgba(0,0,0,.6)}
.sheet .grab{width:44px;height:4px;border-radius:9px;background:#6d5d40;margin:4px auto 10px}
/* onboarding */
.ob{max-width:520px;margin:10px auto;text-align:center}.ob .art{height:200px;border-radius:22px;border:1px solid var(--gold);background:url(/assets/img/vault-center.webp) center 30%/cover;box-shadow:0 0 40px rgba(240,170,60,.25);margin-bottom:18px;display:grid;place-items:center;font-size:64px;color:var(--lg)}
.ob .art>.ic{width:96px;height:96px;padding:18px;border-radius:50%;background:radial-gradient(circle,rgba(16,13,10,.92),rgba(16,13,10,.75));border:1.5px solid var(--gold);color:var(--lg);filter:drop-shadow(0 0 14px rgba(240,170,60,.9));stroke-width:1.2}
.dots{display:flex;gap:8px;justify-content:center;margin:18px 0}.dots i{width:8px;height:8px;border-radius:9px;background:#5a4a2c}.dots i.on{width:26px;background:var(--gold)}
.rules{text-align:left;list-style:none;padding:0}.rules li{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid rgba(232,196,106,.15)}.rules li .ci{flex:0 0 40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--gold);border:1px solid var(--gold);font-size:18px}
/* success + summary */
.sum{display:flex;gap:14px;align-items:center}.sum .th{flex:0 0 74px;height:74px;border-radius:14px;background:url(/assets/img/tablets.webp) center/cover;border:1px solid var(--gold)}
.trust{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:14px}.trust span{display:inline-flex;gap:6px;align-items:center;font:600 11px M;letter-spacing:.06em;color:#c9bca3}.trust .ic{color:var(--gold)}
.big-ic{width:86px;height:86px;margin:0 auto 6px;border-radius:50%;display:grid;place-items:center;font-size:40px;color:#1a1208;background:radial-gradient(circle at 50% 30%,#FFF1C8,var(--gold) 55%,#9a6d22);box-shadow:0 0 50px rgba(240,170,60,.7)}
.steps3{counter-reset:s;list-style:none;padding:0;text-align:left}.steps3 li{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(232,196,106,.15)}.steps3 li:before{counter-increment:s;content:counter(s);flex:0 0 30px;height:30px;border-radius:50%;display:grid;place-items:center;font:900 13px C;border:1px solid var(--gold);color:var(--gold)}
.cert{aspect-ratio:1.414;border-radius:12px;border:1px solid var(--gold);background:radial-gradient(ellipse at 50% 0,rgba(240,170,60,.25),transparent 60%),#120d08;display:grid;place-items:center;text-align:center;padding:18px;box-shadow:0 0 40px rgba(240,170,60,.25),inset 0 0 0 8px #120d08,inset 0 0 0 9px rgba(232,196,106,.5)}
table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:9px 6px;border-bottom:1px solid rgba(232,196,106,.18);text-align:left;vertical-align:top}th{font:700 10px M;letter-spacing:.14em;text-transform:uppercase;color:var(--lg)}
.scroll{overflow-x:auto}
footer{background:#080605;color:#8f836d;text-align:center;padding:24px 16px;font-size:12.5px;border-top:1px solid rgba(232,196,106,.35)}footer a{color:#a99c86;margin:0 6px}
body.has-bn footer{padding-bottom:96px}@media(min-width:860px){body.has-bn footer{padding-bottom:24px}}
/* legacy admin grid */
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.bar{height:10px;border-radius:99px;background:#2a2017;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--bz),var(--gold),var(--lg))}