:root{--bg:#030711;--panel:rgba(9,16,31,.72);--line:rgba(145,196,255,.14);--text:#f5f8ff;--muted:#99a7bd;--cyan:#39d6ff;--blue:#4d87ff;--violet:#9f64ff;--pink:#ef62d8;--green:#45f08c;--danger:#ff6174;--shadow:0 24px 80px rgba(0,0,0,.45)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 10%,rgba(26,169,220,.16),transparent 35%),radial-gradient(circle at 85% 20%,rgba(132,76,255,.16),transparent 34%),linear-gradient(180deg,#07111d 0,#030711 65%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 85%)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.shell{width:min(1180px,calc(100% - 32px));margin:auto}.nav-wrap{position:fixed;z-index:50;top:18px;left:0;right:0}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border:1px solid var(--line);border-radius:22px;background:rgba(4,10,19,.78);backdrop-filter:blur(22px);box-shadow:0 14px 50px rgba(0,0,0,.3)}.brand{display:flex;align-items:center;gap:10px;font-weight:900}.brand img{width:44px;height:44px;object-fit:contain}.links{display:flex;gap:8px}.links a{padding:11px 14px;color:#bec8d8;border-radius:12px;font-weight:800;font-size:14px}.links a:hover,.links a.active{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#04101b;box-shadow:0 8px 30px rgba(57,214,255,.2)}.status-pill,.chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:rgba(255,255,255,.04);padding:10px 13px;border-radius:999px;font-size:12px;font-weight:900}.dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 16px var(--green)}.hero{min-height:100vh;display:grid;place-items:center;position:relative;padding:130px 0 70px}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,#030711 100%);pointer-events:none}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:end;gap:12px;width:min(1450px,100%);margin:auto}.skin-wrap{position:relative;min-height:670px;display:flex;align-items:flex-end;justify-content:center;filter:drop-shadow(0 30px 35px rgba(0,0,0,.65));animation:float 5.4s ease-in-out infinite}.skin-wrap:nth-child(3){animation-delay:-1.6s}.skin-wrap:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;filter:blur(55px);opacity:.3;bottom:120px;background:var(--violet)}.skin-wrap.left:before{background:var(--cyan)}.skin-wrap.right:before{background:var(--pink)}.skin-wrap img{max-height:590px;max-width:100%;image-rendering:auto;position:relative;z-index:2}.skin-wrap.left img,.skin-wrap.right img{max-height:480px}.hero-copy{text-align:center;align-self:center;padding-bottom:40px}.hero-logo{width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 15px 35px rgba(57,214,255,.3));animation:pulse 3s ease-in-out infinite}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(57,214,255,.25);background:rgba(57,214,255,.08);padding:9px 13px;border-radius:999px;color:#9cecff;font-size:12px;font-weight:900;letter-spacing:.12em}.hero h1{font-size:clamp(54px,6vw,94px);line-height:.92;margin:22px 0 18px;letter-spacing:-.06em}.gradient{background:linear-gradient(90deg,#dbfbff,var(--cyan),var(--blue),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:18px;line-height:1.7;color:#afbbce;max-width:700px;margin:0 auto 28px}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn{border:0;cursor:pointer;border-radius:15px;padding:15px 20px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:.25s transform,.25s box-shadow,.25s border}.btn:hover{transform:translateY(-3px)}.btn.primary{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#02111b;box-shadow:0 14px 35px rgba(57,214,255,.22)}.btn.secondary{border:1px solid var(--line);background:rgba(255,255,255,.055);color:white}.btn.danger{background:linear-gradient(135deg,#ff6174,#ff8d65);color:#180406}.server-row{margin-top:18px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.name-tag{position:absolute;bottom:24px;z-index:3;background:rgba(4,9,18,.78);border:1px solid var(--line);backdrop-filter:blur(15px);border-radius:16px;padding:12px 16px;text-align:center;min-width:170px}.name-tag b{display:block;font-size:16px}.name-tag span{color:var(--muted);font-size:12px}.section{padding:105px 0}.section-head{text-align:center;max-width:760px;margin:0 auto 45px}.section-head h2{font-size:clamp(38px,5vw,68px);margin:10px 0 12px;letter-spacing:-.045em}.section-head p{color:var(--muted);font-size:17px;line-height:1.7}.grid{display:grid;gap:20px}.modes{grid-template-columns:repeat(3,1fr)}.card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025));box-shadow:var(--shadow);padding:28px;transition:.3s transform,.3s border-color}.card:hover{transform:translateY(-8px);border-color:rgba(57,214,255,.38)}.mode-card{min-height:360px;display:flex;flex-direction:column;justify-content:flex-end}.mode-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,rgba(57,214,255,.25),transparent 45%)}.mode-card.pink:before{background:radial-gradient(circle at 50% 20%,rgba(239,98,216,.24),transparent 45%)}.mode-card.gold:before{background:radial-gradient(circle at 50% 20%,rgba(255,196,75,.2),transparent 45%)}.mode-icon{position:relative;font-size:70px;margin-bottom:auto}.card h3{position:relative;font-size:30px;margin:10px 0}.card p{position:relative;color:var(--muted);line-height:1.65}.badge{position:relative;display:inline-flex;width:max-content;padding:8px 11px;border-radius:999px;font-size:11px;font-weight:900;background:rgba(69,240,140,.1);color:#83ffb0;border:1px solid rgba(69,240,140,.24)}.stats{grid-template-columns:repeat(4,1fr)}.stat{text-align:center;padding:28px}.stat strong{display:block;font-size:37px}.stat span{color:var(--muted)}.page-hero{padding:160px 0 65px;text-align:center}.page-hero h1{font-size:clamp(48px,7vw,86px);margin:10px 0}.content-grid{grid-template-columns:repeat(3,1fr)}.staff-grid{grid-template-columns:repeat(4,1fr)}.staff-card{text-align:center;padding:22px}.staff-card img{height:250px;max-width:100%;object-fit:contain;filter:drop-shadow(0 20px 22px rgba(0,0,0,.5));transition:.3s transform}.staff-card:hover img{transform:scale(1.05) translateY(-6px)}.staff-card h3{font-size:21px}.role{color:#84eaff;font-weight:900;font-size:12px;letter-spacing:.12em}.notice{border:1px solid rgba(255,97,116,.3);background:rgba(255,97,116,.07);border-radius:24px;padding:30px;text-align:center}.notice.open{border-color:rgba(69,240,140,.3);background:rgba(69,240,140,.07)}form{display:grid;gap:14px}.field{display:grid;gap:7px}.field label{font-weight:800;font-size:13px}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);background:rgba(3,8,17,.8);color:white;border-radius:13px;padding:14px;outline:none}.field input:focus,.field textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(57,214,255,.08)}textarea{min-height:130px;resize:vertical}.footer{margin-top:70px;border-top:1px solid var(--line);padding:35px 0;color:var(--muted)}.footer .shell{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.toast{position:fixed;z-index:99;bottom:25px;left:50%;transform:translate(-50%,120px);background:#0d1828;border:1px solid var(--line);padding:13px 18px;border-radius:13px;transition:.3s;color:white}.toast.show{transform:translate(-50%,0)}.mobile{display:none}.reveal{opacity:0;transform:translateY(24px);transition:.7s ease}.reveal.show{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-18px)}}@keyframes pulse{50%{transform:scale(1.05);filter:drop-shadow(0 15px 48px rgba(57,214,255,.5))}}
@media(max-width:1000px){.links{display:none}.mobile{display:block}.hero-grid{grid-template-columns:1fr}.skin-wrap{position:absolute;min-height:0;bottom:15px;opacity:.34}.skin-wrap.left{left:-70px}.skin-wrap.right{right:-70px}.skin-wrap.left img,.skin-wrap.right img{height:410px}.hero-copy{z-index:4;padding:30px 18px}.modes,.content-grid{grid-template-columns:1fr}.staff-grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.shell{width:min(100% - 20px,1180px)}.nav{height:64px}.brand span{display:none}.status-pill{display:none}.hero h1{font-size:52px}.hero-logo{width:110px;height:110px}.lead{font-size:15px}.skin-wrap.left{left:-130px}.skin-wrap.right{right:-130px}.skin-wrap.left img,.skin-wrap.right img{height:330px}.staff-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.section{padding:75px 0}.card{border-radius:20px}}

/* Three-skin cinematic hero */
.hero{isolation:isolate;overflow:hidden}.hero-aurora{position:absolute;inset:-15%;background:radial-gradient(circle at 20% 48%,rgba(36,211,255,.25),transparent 28%),radial-gradient(circle at 50% 35%,rgba(122,72,255,.25),transparent 30%),radial-gradient(circle at 82% 48%,rgba(255,80,211,.2),transparent 28%);filter:blur(28px);animation:auroraMove 11s ease-in-out infinite alternate}.hero-skins{position:absolute;inset:110px 0 0;z-index:1;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;pointer-events:none}.hero-skins .skin-wrap{min-height:0;height:calc(100vh - 110px);position:relative;display:flex;align-items:flex-end;justify-content:center}.hero-skins .skin-wrap img{position:relative;z-index:2;max-width:min(31vw,460px);max-height:76vh;object-fit:contain;transform-origin:center bottom}.hero-skins .skin-wrap.center img{max-width:min(27vw,410px);max-height:70vh}.hero-skins .skin-wrap.left{transform:translateX(-8%)}.hero-skins .skin-wrap.right{transform:translateX(8%)}.hero-skins .skin-wrap.center{transform:translateY(-3%)}.skin-glow{position:absolute;left:50%;bottom:9%;width:65%;aspect-ratio:1;border-radius:50%;transform:translateX(-50%);filter:blur(48px);opacity:.42;background:var(--violet)}.left .skin-glow{background:var(--cyan)}.right .skin-glow{background:var(--pink)}.hero-copy{position:relative;z-index:5;width:min(760px,calc(100% - 32px));margin:auto;text-align:center;padding:150px 0 70px;text-shadow:0 4px 32px rgba(0,0,0,.8)}.hero-copy:before{content:"";position:absolute;z-index:-1;inset:20% -8% 8%;background:radial-gradient(ellipse,rgba(2,7,17,.82),rgba(2,7,17,.44) 46%,transparent 74%);filter:blur(10px)}.hero-skins .name-tag{bottom:22px;opacity:.95}.hero-skins .center .name-tag{bottom:12px}.hero-logo{width:118px;height:118px}.hero h1{font-size:clamp(54px,6.2vw,98px)}
@keyframes auroraMove{to{transform:translate3d(2%,-2%,0) scale(1.06)}}
@media(max-width:1000px){.hero-skins{inset:95px 0 0}.hero-skins .skin-wrap.center{display:none}.hero-skins{grid-template-columns:1fr 1fr}.hero-skins .skin-wrap img{max-width:52vw;max-height:68vh;opacity:.58}.hero-skins .skin-wrap.left{transform:translateX(-20%)}.hero-skins .skin-wrap.right{transform:translateX(20%)}.hero-copy{padding-top:145px}.hero-copy:before{inset:15% -2% 4%}.hero-skins .name-tag{display:none}}
@media(max-width:620px){.hero-skins .skin-wrap img{max-width:66vw;max-height:55vh;opacity:.4}.hero-skins .skin-wrap.left{transform:translateX(-35%)}.hero-skins .skin-wrap.right{transform:translateX(35%)}.hero-copy{padding:125px 12px 55px}.hero h1{font-size:48px}.hero-logo{width:92px;height:92px}}