.acad{--bg:#0B0B0D;--panel:#141317;--panel2:#1A191E;--line:rgba(255,255,255,.08);--gold:#E9C46A;--goldb:#F3D68C;--ink:#ECE8DF;--mute:#A9A59B;--up:#5FCB93;--down:#E5695E;
--head:"Space Grotesk",system-ui,sans-serif;--body:Inter,system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace}
.acad *{box-sizing:border-box}
.acad{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
.acad a{color:inherit}
.acad img{max-width:100%;display:block}
.acad em{font-style:normal;background:linear-gradient(180deg,var(--goldb),var(--gold) 60%,#B8892E);-webkit-background-clip:text;background-clip:text;color:transparent}
.acad .preview{position:relative;z-index:60;background:repeating-linear-gradient(135deg,#2a2210 0 14px,#231c0c 14px 28px);color:var(--goldb);font:500 12px/1 var(--mono);letter-spacing:1.5px;text-transform:uppercase;text-align:center;padding:10px 16px}
.acad [data-placeholder]{outline:1px dashed rgba(243,214,140,.6);outline-offset:3px}
.acad .nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:32px;padding:18px max(16px,calc(50% - 628px));transition:background .3s,border-color .3s;border-bottom:1px solid transparent}
.acad .nav.solid{background:rgba(11,11,13,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:var(--line)}
.acad .brand{font:700 18px var(--head);letter-spacing:-.3px;text-decoration:none;color:#fff}
.acad .nav nav{display:flex;gap:26px;margin-left:auto}
.acad .nav nav a,.acad .login{font:500 14px var(--body);color:var(--mute);text-decoration:none;transition:color .2s}
.acad .nav nav a:hover,.acad .login:hover{color:#fff}
.acad .login{padding:8px 16px;border:1px solid var(--line);border-radius:999px;color:var(--ink)}
.acad .btn{display:inline-flex;align-items:center;gap:12px;padding:16px 26px;border-radius:999px;font:600 15px var(--body);text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform .2s,box-shadow .2s,background .2s}
.acad .btn span{transition:transform .2s}
.acad .btn:hover span{transform:translateX(3px)}
.acad .btn.gold{background:linear-gradient(180deg,var(--goldb),var(--gold));color:#141008;box-shadow:0 10px 40px -10px rgba(233,196,106,.55)}
.acad .btn.gold:hover{transform:translateY(-1px);box-shadow:0 14px 50px -10px rgba(233,196,106,.75)}
.acad .btn.ghost{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.16);color:#fff;backdrop-filter:blur(8px)}
.acad .btn.ghost:hover{background:rgba(255,255,255,.09)}
.acad .acts{display:flex;flex-wrap:wrap;gap:14px;margin-top:38px}
.acad .acts.c{justify-content:center}
.acad .hero{position:relative;margin-top:-71px;min-height:min(920px,100svh);display:flex;align-items:flex-end;padding:150px 0 88px;overflow:hidden;isolation:isolate}
.acad .hbg{position:absolute;inset:-4%;z-index:-2;background:url(room.jpg) center 40%/cover;filter:brightness(.72) saturate(.95);animation:drift 36s ease-in-out infinite alternate}
.acad .hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,8,10,.94) 0%,rgba(8,8,10,.72) 45%,rgba(8,8,10,.25) 100%),linear-gradient(0deg,var(--bg) 0%,rgba(11,11,13,0) 40%),radial-gradient(60% 50% at 75% 30%,rgba(233,196,106,.16),transparent 70%)}
@keyframes drift{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.08) translate3d(-1.5%,-1%,0)}}
.acad .hin,.acad .in{width:100%;max-width:1256px;margin:0 auto;padding:0 32px}
.acad .in.narrow{max-width:860px}
.acad .kick,.acad .sk{display:flex;align-items:center;gap:14px;margin:0;font:500 12px var(--mono);letter-spacing:3px;text-transform:uppercase;color:var(--goldb)}
.acad .kick span{display:block;width:36px;height:1px;background:var(--gold)}
.acad .hero h1{margin:24px 0 22px;font:700 clamp(44px,6.2vw,92px)/.98 var(--head);letter-spacing:-.035em;color:#fff;text-shadow:0 2px 40px rgba(0,0,0,.5)}
.acad .lead{margin:0;max-width:600px;font-size:19px;line-height:1.6;color:#D9D6CD}
.acad .facts{display:flex;flex-wrap:wrap;list-style:none;margin:56px 0 0;padding:0;border-top:1px solid var(--line)}
.acad .facts li{padding:20px 34px 0 0;margin-right:34px;border-right:1px solid var(--line);font:500 13px var(--body);color:var(--mute)}
.acad .facts li:last-child{border:0}
.acad .facts b{display:block;font:700 34px/1.1 var(--head);color:#fff;letter-spacing:-.5px}
.acad .sec{padding:128px 0;position:relative}
.acad .sec h2,.acad .final h2{margin:18px 0 0;font:700 clamp(34px,4.4vw,60px)/1.04 var(--head);letter-spacing:-.03em;color:#fff}
.acad .intro{max-width:680px;margin:22px 0 0;color:var(--mute);font-size:18px}
.acad .rv{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.acad .rv.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.acad .rv{opacity:1;transform:none;transition:none}
.acad .hbg{animation:none}
}
.acad .pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:56px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.acad .prob{background:var(--bg);padding:32px 28px 34px;position:relative}
.acad .prob::before{content:"";position:absolute;left:28px;top:0;width:32px;height:2px;background:var(--down)}
.acad .pn{font:500 11px var(--mono);letter-spacing:2.5px;text-transform:uppercase;color:var(--down)}
.acad .prob h3{margin:14px 0 10px;font:600 21px/1.25 var(--head);color:#fff;letter-spacing:-.3px}
.acad .prob p{margin:0;color:var(--mute);font-size:15px}
.acad .turn{max-width:760px;margin:56px 0 0;font-size:21px;line-height:1.55;color:#CFCBC1}
.acad .turn b{color:#fff;font-weight:600}
.acad .inside{background:radial-gradient(70% 60% at 50% 0%,rgba(233,196,106,.07),transparent 70%)}
.acad .shots{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:56px}
.acad .shot{margin:0;border-radius:16px;overflow:hidden;background:var(--panel);border:1px solid var(--line);position:relative;box-shadow:0 30px 80px -40px rgba(0,0,0,.9)}
.acad .shot img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/10;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.acad .shot:hover img{transform:scale(1.03)}
.acad .shot figcaption{position:absolute;left:0;right:0;bottom:0;padding:44px 20px 16px;background:linear-gradient(0deg,rgba(8,8,10,.95),rgba(8,8,10,0));font-size:14px;color:var(--mute)}
.acad .shot figcaption b{display:block;font:600 16px var(--head);color:#fff;margin-bottom:2px}
.acad .cgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:56px}
.acad .course{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .3s,transform .3s}
.acad .course:hover{border-color:rgba(233,196,106,.35);transform:translateY(-2px)}
.acad .course .art{position:relative;aspect-ratio:640/240;overflow:hidden}
.acad .course .art svg{width:100%;height:100%;display:block}
.acad .trk{position:absolute;left:20px;top:18px;font:500 11px var(--mono);letter-spacing:2.5px;text-transform:uppercase;color:var(--goldb);padding:6px 10px;border:1px solid rgba(233,196,106,.35);border-radius:999px;background:rgba(11,11,13,.6)}
.acad .cbody{padding:26px 28px 28px;display:flex;flex-direction:column;flex:1}
.acad .when{margin:0;font:500 11px var(--mono);letter-spacing:2px;text-transform:uppercase;color:var(--mute)}
.acad .course h3{margin:10px 0 4px;font:700 28px/1.1 var(--head);color:#fff;letter-spacing:-.5px}
.acad .ct{margin:0;color:var(--goldb);font-weight:500;font-size:15.5px}
.acad .cl{margin:14px 0 0;color:var(--mute);font-size:15px;flex:1}
.acad .nums{display:flex;list-style:none;margin:24px 0 0;padding:18px 0 0;border-top:1px solid var(--line);gap:34px}
.acad .nums li{font-size:13px;color:var(--mute)}
.acad .nums b{display:block;font:700 24px/1.1 var(--head);color:#fff}
.acad .how{background:linear-gradient(180deg,transparent,rgba(20,19,23,.7) 30%,rgba(20,19,23,.7) 70%,transparent)}
.acad .steps{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;counter-reset:s}
.acad .steps li{position:relative;padding:30px 26px 32px;border-radius:18px;background:var(--panel);border:1px solid var(--line)}
.acad .ic{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;color:var(--gold);background:rgba(233,196,106,.08);border:1px solid rgba(233,196,106,.25)}
.acad .ic svg{width:24px;height:24px}
.acad .sn{position:absolute;right:24px;top:26px;font:500 12px var(--mono);color:rgba(233,196,106,.6);letter-spacing:2px}
.acad .steps h3{margin:22px 0 8px;font:600 22px var(--head);color:#fff}
.acad .steps p{margin:0;color:var(--mute);font-size:15px}
.acad .credg{display:grid;grid-template-columns:1fr 1.25fr;gap:72px;align-items:start}
.acad .pts{list-style:none;margin:0;padding:0}
.acad .pts li{padding:24px 0 24px 40px;border-top:1px solid var(--line);color:var(--mute);position:relative;font-size:16px}
.acad .pts li:last-child{border-bottom:1px solid var(--line)}
.acad .pts li::before{content:"";position:absolute;left:0;top:31px;width:18px;height:10px;border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg)}
.acad .pts b{display:block;color:#fff;font:600 18px var(--head);margin-bottom:4px}
.acad .qs{margin-top:48px;border-top:1px solid var(--line)}
.acad details{border-bottom:1px solid var(--line)}
.acad summary{list-style:none;cursor:pointer;padding:24px 48px 24px 0;font:600 19px var(--head);color:#fff;position:relative}
.acad summary::-webkit-details-marker{display:none}
.acad summary::after{content:"";position:absolute;right:8px;top:50%;width:12px;height:12px;margin-top:-8px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(45deg);transition:transform .3s}
.acad details[open] summary::after{transform:rotate(225deg);margin-top:-2px}
.acad details p{margin:-6px 0 26px;color:var(--mute);max-width:700px}
.acad details a{color:var(--goldb)}
.acad .final{position:relative;padding:160px 0 150px;text-align:center;overflow:hidden;isolation:isolate}
.acad .fbg{position:absolute;inset:0;z-index:-1;background:radial-gradient(50% 60% at 50% 50%,rgba(233,196,106,.18),transparent 70%),url(room-blur.jpg) center/cover;opacity:.9}
.acad .final::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--bg),rgba(11,11,13,.4) 30%,rgba(11,11,13,.4) 70%,var(--bg))}
.acad .sk.c{justify-content:center}
.acad .final h2{font-size:clamp(48px,8vw,120px);letter-spacing:-.04em}
.acad .final .lead{margin:20px auto 0;text-align:center}
.acad .foot{border-top:1px solid var(--line);padding:48px 0 56px;color:#7E7A71;font-size:13.5px}
.acad .ft{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:22px}
.acad .ft nav{display:flex;flex-wrap:wrap;gap:22px;margin-left:auto}
.acad .ft a{text-decoration:none;color:var(--mute)}
.acad .ft a:hover{color:#fff}
.acad .foot p{margin:0 0 8px;max-width:820px}
.acad .fc{color:#5E5B54}
.acad .film{padding:0;border:0;background:#000;border-radius:14px;width:min(1200px,94vw);overflow:visible;box-shadow:0 40px 120px rgba(0,0,0,.8)}
.acad .film::backdrop{background:rgba(4,4,5,.88);backdrop-filter:blur(6px)}
.acad .film video{width:100%;display:block;border-radius:14px;aspect-ratio:16/9;background:#000}
.acad .film .x{position:absolute;right:-6px;top:-46px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.5);color:#fff;font-size:22px;cursor:pointer}
@media (max-width:1060px){.acad .pgrid{grid-template-columns:repeat(2,1fr)}
.acad .steps{grid-template-columns:repeat(2,1fr)}
.acad .credg{grid-template-columns:1fr;gap:40px}
}
@media (max-width:720px){.acad .hin,.acad .in{padding:0 16px}
.acad .nav{gap:16px}
.acad .nav nav{display:none}
.acad .login{margin-left:auto}
.acad .hero{padding:130px 0 64px;min-height:auto}
.acad .hero::before{background:linear-gradient(0deg,var(--bg) 0%,rgba(8,8,10,.75) 55%,rgba(8,8,10,.55) 100%)}
.acad .lead{font-size:17px}
.acad .facts{margin-top:40px}
.acad .facts li{flex:0 0 50%;margin:0;padding:16px 0 0;border:0}
.acad .facts b{font-size:28px}
.acad .btn{width:100%;justify-content:center}
.acad .sec{padding:84px 0}
.acad .pgrid,.acad .steps,.acad .cgrid,.acad .shots{grid-template-columns:1fr}
.acad .turn{font-size:18px}
.acad .nums{gap:24px}
.acad .cbody{padding:22px 20px 24px}
.acad .final{padding:110px 0 100px}
.acad .film .x{right:0}
}
.acad .hero{margin-top:-67px;padding-top:150px}.acad .hero p.lead{margin:0;max-width:600px;font-size:19px;color:#D9D6CD}
@media (max-width:720px){.acad .hero p.lead{font-size:17px}}