:root{--bg:#060b16;--bg2:#0b1224;--panel:rgba(9,14,26,0.78);--line:rgba(255,255,255,0.08);--acc:#e8913f;--acc2:#f0b27f;--txt:#f4f7fc;--mut:#8d9ab5;--dim:#5d6a86;--ok:#7fc79a;--bad:#e05a4a;}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--txt);font-family:'Barlow',sans-serif;min-height:100vh;display:flex;flex-direction:column;}
a{color:var(--acc);text-decoration:none;}
a:hover{color:var(--acc2);}
button,.btn{font:600 13px 'Space Grotesk',sans-serif;border:none;cursor:pointer;border-radius:999px;padding:12px 22px;background:var(--acc);color:#0a1428;transition:filter .15s;display:inline-flex;align-items:center;gap:8px;}
button:hover,.btn:hover{filter:brightness(1.1);color:#0a1428;}
button.ghost,.btn.ghost{background:transparent;color:var(--txt);border:1px solid rgba(255,255,255,0.18);}
button.ghost:hover,.btn.ghost:hover{border-color:var(--acc);color:var(--txt);}
button.danger{background:rgba(224,90,74,0.16);color:#ff9d8f;border:1px solid rgba(224,90,74,0.4);}
button.ok{background:rgba(78,163,107,0.16);color:var(--ok);border:1px solid rgba(78,163,107,0.4);}
button.sm{padding:8px 14px;font-size:11.5px;}
button:disabled{opacity:.5;cursor:not-allowed;filter:none;}
input,textarea,select{width:100%;background:rgba(255,255,255,0.04);border:1px solid var(--line);border-radius:10px;padding:12px 14px;color:var(--txt);font:500 14px 'Barlow',sans-serif;outline:none;}
input:focus,textarea:focus,select:focus{border-color:var(--acc);}
textarea{min-height:110px;resize:vertical;}
label{display:block;font:600 10.5px 'Space Grotesk',sans-serif;letter-spacing:.2em;color:var(--mut);margin:0 0 8px;}
.field{margin-bottom:16px;}
.muted{color:var(--mut);}
.dim{color:var(--dim);}
.kicker{display:flex;align-items:center;gap:12px;font:600 11px 'Space Grotesk';letter-spacing:.3em;color:var(--acc);}
.kicker::before{content:'';width:28px;height:1px;background:var(--acc);}
h1,h2,h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-.01em;}
h1{font-size:64px;line-height:.98;font-weight:700;}
h2{font-size:38px;line-height:1.1;font-weight:700;}
h3{font-size:20px;font-weight:700;}
.wrap{max-width:1240px;margin:0 auto;padding:0 32px;width:100%;}
#hdr{position:sticky;top:0;z-index:50;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:rgba(6,11,22,0.72);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);}
.brand{display:flex;align-items:center;gap:12px;color:var(--txt);}
.brand img{width:36px;height:36px;object-fit:contain;}
.brand span{display:flex;flex-direction:column;line-height:1;}
.brand b{font:700 13.5px 'Space Grotesk';letter-spacing:.14em;}
.brand small{font:600 8.5px 'Space Grotesk';letter-spacing:.3em;color:var(--acc);margin-top:3px;}
#nav{display:flex;gap:4px;}
#nav a{font:600 12.5px 'Space Grotesk';color:var(--mut);padding:9px 13px;border-radius:8px;}
#nav a:hover{color:var(--txt);}
#nav a.on{color:var(--txt);background:rgba(255,255,255,0.06);}
#acct{display:flex;align-items:center;gap:10px;}
.avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#1a2440;border:1px solid var(--line);}
.pill{display:inline-flex;align-items:center;gap:6px;font:600 9.5px 'Space Grotesk';letter-spacing:.14em;border-radius:4px;padding:5px 9px;background:rgba(255,255,255,0.06);color:var(--mut);}
.pill.acc{color:var(--acc);background:rgba(232,145,63,0.14);}
.pill.ok{color:var(--ok);background:rgba(78,163,107,0.14);}
.pill.bad{color:#ff9d8f;background:rgba(224,90,74,0.14);}
main{flex:1;}
.page{animation:pageIn .5s cubic-bezier(.22,.61,.36,1) both;}
.page.out{animation:pageOut .18s ease both;}
@keyframes pageIn{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
@keyframes pageOut{from{opacity:1;}to{opacity:0;transform:translateY(-6px);}}
@keyframes fadeUp{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:none;}}
.rv{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);}
.rv.in{opacity:1;transform:none;}
.stagger>*{opacity:0;transform:translateY(14px);animation:fadeUp .55s cubic-bezier(.22,.61,.36,1) forwards;}
.stagger>*:nth-child(1){animation-delay:.03s}.stagger>*:nth-child(2){animation-delay:.08s}.stagger>*:nth-child(3){animation-delay:.13s}.stagger>*:nth-child(4){animation-delay:.18s}.stagger>*:nth-child(5){animation-delay:.23s}.stagger>*:nth-child(6){animation-delay:.28s}.stagger>*:nth-child(7){animation-delay:.33s}.stagger>*:nth-child(8){animation-delay:.38s}.stagger>*:nth-child(n+9){animation-delay:.42s}
button,.btn,.pill,.card,.photo-card,.staff,input,textarea,select,#nav a,.toggle{transition:all .22s cubic-bezier(.22,.61,.36,1);}
.card:hover{border-color:rgba(255,255,255,0.14);}
.photo-card:hover img{transform:scale(1.04);}
.photo-card img{transition:transform .8s cubic-bezier(.22,.61,.36,1),filter .4s ease;}
.photo-card:hover{transform:translateY(-3px);box-shadow:0 24px 50px rgba(0,0,0,.45);}
.hero{position:relative;min-height:calc(100vh - 70px);display:flex;align-items:center;overflow:hidden;}
.hero img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.5) saturate(.9);animation:kb 22s ease-in-out infinite alternate;}
@keyframes kb{from{transform:scale(1);}to{transform:scale(1.07);}}
.hero .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,11,22,.94) 0%,rgba(6,11,22,.62) 45%,rgba(6,11,22,.15) 100%);}
.hero .fade{position:absolute;left:0;right:0;bottom:0;height:260px;background:linear-gradient(180deg,rgba(6,11,22,0),var(--bg));}
.hero .wrap{position:relative;}
.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:26px;backdrop-filter:blur(12px);}
.card.acc{border-color:rgba(232,145,63,0.3);}
.grid{display:grid;gap:14px;}
.g2{grid-template-columns:repeat(2,1fr);}
.g3{grid-template-columns:repeat(3,1fr);}
.g4{grid-template-columns:repeat(4,1fr);}
.section{padding:90px 0;position:relative;}
.section.tint{background:radial-gradient(ellipse at 20% 0%,rgba(232,145,63,0.08),transparent 55%),radial-gradient(ellipse at 90% 100%,rgba(91,147,232,0.08),transparent 55%);}
.photo-card{position:relative;height:460px;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#0b1224;transition:border-color .15s;}
.photo-card:hover{border-color:rgba(232,145,63,0.5);}
.photo-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.55) saturate(.85);}
.photo-card .ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,11,22,.1) 0%,rgba(6,11,22,.55) 45%,rgba(6,11,22,.97) 75%);}
.photo-card .bar{position:absolute;left:0;right:0;top:0;height:3px;}
.photo-card .body{position:absolute;left:22px;right:22px;bottom:22px;}
.row{display:flex;justify-content:space-between;align-items:center;gap:12px;}
.kv{display:flex;justify-content:space-between;font:500 13px 'Barlow';padding:10px 0;border-bottom:1px solid var(--line);}
.kv:last-child{border-bottom:none;}
.kv span:first-child{color:var(--mut);}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:24px;}
.tabs a,.tabs button.tab{font:600 12.5px 'Space Grotesk';color:var(--mut);padding:9px 13px;border:none;background:none;border-radius:8px;cursor:pointer;}
.tabs a:hover,.tabs button.tab:hover{color:var(--txt);}
.tabs .on,.tabs a.on,.tabs button.tab.on{color:var(--txt);background:rgba(255,255,255,0.06);}
.gallery{columns:3;column-gap:14px;}
.gallery figure{break-inside:avoid;margin:0 0 14px;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#0b1224;position:relative;cursor:zoom-in;opacity:0;transform:translateY(16px) scale(.98);transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.22,.61,.36,1),border-color .2s;}
.gallery figure.in{opacity:1;transform:none;}
.gallery figure:hover{border-color:rgba(232,145,63,0.45);}
.gallery img{width:100%;display:block;transition:transform .9s cubic-bezier(.22,.61,.36,1),opacity .5s ease;opacity:0;}
.gallery img.ld{opacity:1;}
.gallery figure:hover img{transform:scale(1.05);}
.gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:14px;background:linear-gradient(180deg,transparent,rgba(6,11,22,.94));font:500 12px 'Barlow';color:#dce6f7;display:flex;justify-content:space-between;align-items:center;opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease;}
.gallery figure:hover figcaption{opacity:1;transform:none;}
.gallery .skel{height:220px;border-radius:14px;background:linear-gradient(90deg,rgba(255,255,255,.03),rgba(255,255,255,.07),rgba(255,255,255,.03));background-size:200% 100%;animation:shimmer 1.4s linear infinite;margin-bottom:14px;break-inside:avoid;}
.gallery .skel:nth-child(odd){height:300px;}
@keyframes shimmer{from{background-position:200% 0;}to{background-position:-200% 0;}}
#lightbox{position:fixed;inset:0;z-index:200;background:rgba(3,6,12,.92);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .28s ease;}
#lightbox.on{opacity:1;pointer-events:auto;}
#lightbox img{max-width:92vw;max-height:86vh;border-radius:12px;box-shadow:0 40px 100px rgba(0,0,0,.7);transform:scale(.94);transition:transform .35s cubic-bezier(.22,.61,.36,1);}
#lightbox.on img{transform:none;}
#lightbox .cap{position:absolute;left:0;right:0;bottom:26px;text-align:center;font:500 13px 'Barlow';color:#c7d0e0;}
#lightbox .x{position:absolute;top:22px;right:26px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font:600 16px 'Space Grotesk';}
#lightbox .nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font:600 18px 'Space Grotesk';user-select:none;}
#lightbox .nav:hover,#lightbox .x:hover{background:rgba(232,145,63,.35);}
#lightbox .prev{left:26px;}#lightbox .next{right:26px;}
.staff-group{margin-bottom:34px;}
.staff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.staff{display:flex;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px;transition:border-color .15s,transform .15s;min-width:0;}
.staff:hover{border-color:rgba(232,145,63,0.45);transform:translateY(-1px);}
.staff img{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#1a2440;flex:none;}
.staff b{font:600 14px 'Space Grotesk';display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.staff small{font:600 9.5px 'Space Grotesk';letter-spacing:.14em;color:var(--mut);display:block;margin-top:4px;}
.staff.big{padding:20px 22px;background:linear-gradient(135deg,rgba(232,145,63,0.1),var(--panel) 60%);border-color:rgba(232,145,63,0.3);}
.tier{margin-bottom:26px;}
.tier.top{margin:34px 0 40px;}
.tier-head{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.tier-head .dot{width:8px;height:8px;border-radius:2px;transform:rotate(45deg);flex:none;}
.tier-head b{font:700 11.5px 'Space Grotesk';letter-spacing:.22em;}
.tier-head .line{flex:1;height:1px;background:var(--line);}
.tier-head small{font:600 11px 'Space Grotesk';color:var(--dim);}
.band{display:grid;grid-template-columns:150px 1fr;gap:28px;padding:30px 0;border-top:1px solid var(--line);}
.band-label{font:700 11px 'Space Grotesk';letter-spacing:.3em;color:var(--dim);padding-top:4px;position:sticky;top:96px;align-self:start;}
.band-body .tier:last-child{margin-bottom:0;}
.banner{height:300px;border-radius:18px;background:linear-gradient(135deg,#1a2440,#0b1224);position:relative;overflow:hidden;border:1px solid var(--line);}
.banner img{width:100%;height:100%;object-fit:cover;}
.banner-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,11,22,.15) 0%,rgba(6,11,22,.35) 50%,rgba(6,11,22,.96) 100%);}
.banner-name{position:absolute;left:190px;bottom:26px;right:28px;}
.banner-name h2{font-size:34px;text-shadow:0 2px 14px rgba(0,0,0,.6);}
.pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;}
.banner-actions{position:absolute;right:22px;top:22px;display:flex;gap:8px;}
.banner-actions .ghost{background:rgba(6,11,22,.62);backdrop-filter:blur(8px);}
.prof-head{position:relative;margin-bottom:26px;}
.prof-avatar-wrap{position:absolute;left:28px;bottom:22px;display:flex;flex-direction:column;align-items:center;gap:10px;}
.prof-avatar{width:132px;height:132px;border-radius:50%;object-fit:cover;border:4px solid var(--bg);background:#1a2440;box-shadow:0 12px 30px rgba(0,0,0,.5);}
.prof-avatar-wrap .sm{padding:7px 12px;font-size:11px;}
.prof-grid{grid-template-columns:1fr 360px;gap:16px;align-items:start;}
.stack{display:flex;flex-direction:column;gap:16px;}
.card label:first-child{margin-bottom:14px;}
.table{width:100%;border-collapse:collapse;font-size:13.5px;}
.table th{font:600 10px 'Space Grotesk';letter-spacing:.18em;color:var(--dim);text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);}
.table td{padding:12px;border-bottom:1px solid rgba(255,255,255,0.05);vertical-align:middle;}
.stat{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px 22px;}
.stat b{font:700 30px 'Space Grotesk';display:block;}
.stat span{font:600 10px 'Space Grotesk';letter-spacing:.2em;color:var(--mut);}
.toggle{width:40px;height:22px;border-radius:999px;background:rgba(255,255,255,0.14);position:relative;cursor:pointer;flex:none;transition:background .15s;}
.toggle::after{content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s;}
.toggle.on{background:var(--acc);}
.toggle.on::after{transform:translateX(18px);}
.empty{padding:60px 20px;text-align:center;color:var(--mut);border:1px dashed var(--line);border-radius:14px;}
.gate{min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;}
#ftr{border-top:1px solid var(--line);padding:26px 32px;display:flex;justify-content:space-between;align-items:center;font:500 12.5px 'Barlow';color:var(--mut);}
#ftr div{display:flex;align-items:center;gap:10px;}
#ftr img{width:22px;height:22px;object-fit:contain;}
#toasts{position:fixed;top:84px;right:24px;z-index:100;display:flex;flex-direction:column;gap:8px;}
.toast{background:rgba(13,18,30,0.96);border:1px solid var(--line);border-radius:10px;padding:12px 16px;font:500 13px 'Space Grotesk';box-shadow:0 10px 30px rgba(0,0,0,.5);animation:fadeUp .2s ease;border-left:3px solid var(--acc);}
.toast.bad{border-left-color:var(--bad);}
.toast.ok{border-left-color:var(--ok);}
.answer{background:rgba(255,255,255,0.03);border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-top:10px;}
.answer label{margin-bottom:5px;}
.answer p{font-size:13.5px;line-height:1.55;color:#dce6f7;white-space:pre-wrap;}
@media(max-width:1000px){h1{font-size:44px;}.g3,.g4,.staff-grid{grid-template-columns:repeat(2,1fr)!important;}.gallery{columns:2;}#nav{display:none;}.hero .split{grid-template-columns:1fr!important;}.band{grid-template-columns:1fr;gap:12px;}.band-label{position:static;}.prof-grid{grid-template-columns:1fr;}.banner-name{left:28px;bottom:22px;}.prof-avatar-wrap{position:static;align-items:flex-start;margin:-66px 0 0 28px;}.banner{height:340px;}}
@media(max-width:640px){.g2,.g3,.g4,.staff-grid{grid-template-columns:1fr!important;}.gallery{columns:1;}.wrap{padding:0 18px;}#hdr,#ftr{padding:0 18px;}}

.op-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;}
.op-head b{display:block;font:600 16px 'Space Grotesk';color:#f4f7fc;}
.op-head .dim{display:block;font-size:13px;margin-top:4px;}
.op-live{display:inline-flex;align-items:center;gap:7px;font:600 11px 'Space Grotesk';letter-spacing:.14em;text-transform:uppercase;color:#7fc79a;}
.op-live i{width:7px;height:7px;border-radius:50%;background:#4ea36b;box-shadow:0 0 0 0 rgba(78,163,107,.6);animation:livePulse 2s ease infinite;}
@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(78,163,107,.55);}70%{box-shadow:0 0 0 8px rgba(78,163,107,0);}100%{box-shadow:0 0 0 0 rgba(78,163,107,0);}}
.op-list{border:1px solid var(--line);border-radius:12px;overflow:hidden;}
.op-row{display:flex;align-items:center;gap:16px;padding:16px 18px;border-top:1px solid var(--line);}
.op-row:first-child{border-top:none;}
.op-txt{flex:1;min-width:0;}
.op-txt b{display:block;font:600 14.5px 'Space Grotesk';color:#f4f7fc;}
.op-sub{display:block;font-size:12.5px;margin-top:3px;}
.op-pill{font:600 11px 'Space Grotesk';letter-spacing:.06em;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.06);color:#8d9ab5;min-width:62px;text-align:center;transition:all .25s ease;}
.op-pill.on{background:rgba(78,163,107,.14);color:#7fc79a;}
.toggle.busy{opacity:.6;pointer-events:none;}
.toggle.locked{opacity:.45;cursor:not-allowed;}

.card,.op-row,.op-txt,.grid>*{min-width:0;}
.card p,.card div,.card span,.card b,.card pre,.ans,.answer,.qa,.qa *,.op-sub,.gallery figcaption span,textarea{overflow-wrap:anywhere;word-break:break-word;}
.card pre,.ans pre{white-space:pre-wrap;}