:root{--bg:#06111f;--panel:#0d2036;--line:#254663;--text:#f4f8ff;--muted:#9ab0c8;--green:#3de0a0;--blue:#4a8cff;--danger:#ff5c6c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 10%,#102d53 0,transparent 30%),linear-gradient(135deg,#050e19,#071622 60%,#05231f);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}.ambient{position:fixed;border-radius:50%;filter:blur(90px);opacity:.2;pointer-events:none}.ambient.one{width:420px;height:420px;background:#1787ff;left:-180px;top:180px}.ambient.two{width:480px;height:480px;background:#18d89a;right:-260px;bottom:-130px}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,6vw);border-bottom:1px solid rgba(255,255,255,.08);position:relative;z-index:4;background:rgba(4,13,23,.65);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:13px;color:var(--text);text-decoration:none;font-weight:800}.brand small{display:block;color:#6e91b6;font-size:11px;font-weight:600;margin-top:3px}.brand-mark{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#43e7a2,#20b982);color:#001c12;font-size:13px;box-shadow:0 8px 30px rgba(61,224,160,.2)}.menu-btn{width:48px;height:48px;border:1px solid var(--line);border-radius:15px;background:#0b1d31;display:grid;align-content:center;gap:5px;padding:0 13px;cursor:pointer}.menu-btn span{height:2px;background:#d8e8ff;border-radius:2px}.hero{min-height:690px;padding:90px max(28px,7vw) 70px;display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,.9fr);align-items:center;gap:65px;position:relative}.eyebrow{font-size:11px;letter-spacing:.22em;color:#72a8e8;font-weight:900}.hero h1{font-size:clamp(50px,6.5vw,96px);line-height:.94;letter-spacing:-.055em;margin:22px 0 26px;max-width:850px}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #a9bdd5}.hero-copy p{font-size:18px;line-height:1.7;color:var(--muted);max-width:680px}.hero-actions{display:flex;gap:12px;margin-top:34px}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;min-height:50px;border-radius:13px;padding:0 22px;border:0;font-weight:850;text-decoration:none;cursor:pointer}.primary{background:linear-gradient(135deg,#44e2a2,#2bcf92);color:#021b13}.secondary{background:#10243b;color:#e9f3ff;border:1px solid #2a4a6d}.hero-visual{height:460px;position:relative;border:1px solid rgba(89,145,203,.25);border-radius:35px;background:linear-gradient(160deg,rgba(18,48,78,.8),rgba(4,18,29,.8));box-shadow:0 35px 90px rgba(0,0,0,.35);overflow:hidden}.hero-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(93,148,205,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(93,148,205,.06) 1px,transparent 1px);background-size:34px 34px}.score-card{position:absolute;left:48px;right:48px;top:90px;height:86px;background:#05080c;border-radius:24px;display:grid;grid-template-columns:1.4fr .7fr .65fr .7fr 1.4fr;align-items:center;text-align:center;box-shadow:0 18px 45px rgba(0,0,0,.5);font-weight:900;font-size:28px}.score-card strong{height:86px;display:grid;place-items:center;background:#f8f8f8;color:#080808;font-size:50px}.score-card i{font-style:normal;font-size:35px}.timer-card{position:absolute;top:175px;left:50%;transform:translateX(-50%);background:linear-gradient(#26a992,#087263);padding:15px 55px 18px;border-radius:0 0 25px 25px;font-size:38px;font-weight:900}.event-card{position:absolute;top:285px;left:75px;right:75px;padding:18px 25px;border-radius:18px;background:linear-gradient(135deg,#ff5867,#bd122e);display:flex;justify-content:center;gap:20px;font-size:20px;box-shadow:0 15px 35px rgba(170,14,45,.35)}.module-card{position:absolute;bottom:22px;right:28px;background:rgba(5,18,31,.95);border:1px solid #2b506f;border-radius:17px;padding:15px 20px;min-width:230px}.module-card span,.module-card small{display:block;color:#7996b6;font-size:10px;letter-spacing:.15em}.module-card strong{display:block;font-size:21px;margin:4px 0}.references-section{padding:85px max(28px,7vw);background:rgba(3,12,22,.55);border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-head h2,.discord-section h2{font-size:clamp(32px,4vw,54px);letter-spacing:-.04em;margin:12px 0 0}.gallery-controls{display:flex;gap:8px}.gallery-controls button{width:46px;height:46px;border-radius:13px;border:1px solid #284764;background:#0c2035;color:#fff;font-size:20px}.reference-gallery{display:flex;gap:20px;overflow:auto;scroll-snap-type:x mandatory;padding:34px 0 10px;scrollbar-width:none}.reference-gallery::-webkit-scrollbar{display:none}.reference-card,.reference-placeholder{flex:0 0 min(390px,80vw);height:250px;border-radius:24px;overflow:hidden;position:relative;scroll-snap-align:start;border:1px solid #294967;background:#0c1d30}.reference-card img{width:100%;height:100%;object-fit:cover}.reference-card .caption{position:absolute;inset:auto 0 0;padding:45px 20px 18px;background:linear-gradient(transparent,rgba(0,0,0,.9))}.reference-card strong,.reference-card small{display:block}.reference-card small{color:#b7c5d4;margin-top:4px}.reference-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#b4c8da;padding:25px}.reference-placeholder span{font-size:48px}.reference-placeholder strong{font-size:20px;margin:12px}.discord-section{margin:70px max(28px,7vw);padding:45px 50px;border:1px solid #1e5e56;border-radius:28px;background:linear-gradient(110deg,rgba(11,37,53,.95),rgba(8,54,46,.85));display:flex;justify-content:space-between;align-items:center;gap:30px}.discord-section p{color:var(--muted);max-width:700px;line-height:1.6}footer{padding:35px max(28px,7vw);display:flex;justify-content:space-between;color:#7f96ad;border-top:1px solid rgba(255,255,255,.06)}footer strong{color:#3de0a0}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.64);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:.25s;z-index:20}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(470px,100vw);background:#081827;border-left:1px solid #284762;transform:translateX(105%);transition:.3s cubic-bezier(.22,1,.36,1);z-index:21;padding:26px;overflow:auto}.drawer.open{transform:none}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer-head{display:flex;justify-content:space-between;align-items:center}.drawer-head button{background:none;color:#fff;border:0;font-size:24px}.drawer nav{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:35px 0 28px}.drawer nav button,.drawer nav a{padding:13px;border-radius:11px;background:#0d2238;border:1px solid #264866;color:#c7d6e6;text-align:center;text-decoration:none}.drawer nav .active{background:#173a5c;color:white}.drawer-view{display:none}.drawer-view.active{display:block}.drawer-view h2{font-size:31px;margin:10px 0}.drawer-view p,.drawer-view li{color:var(--muted);line-height:1.6}form{display:grid;gap:17px;margin-top:25px}label{display:grid;gap:8px;color:#a9bdd1;font-size:13px}input{height:50px;border:1px solid #315373;border-radius:12px;background:#071522;color:#fff;padding:0 14px;font-size:16px;outline:none}input:focus{border-color:#4e96df;box-shadow:0 0 0 3px rgba(78,150,223,.15)}.form-error{color:#ff8290;min-height:22px}.dev-warning{margin-top:24px;padding:16px;border-radius:14px;background:rgba(183,27,46,.15);border:1px solid rgba(255,86,107,.38);color:#ffc0c7}.dev-warning strong,.dev-warning span{display:block}.dev-warning span{margin-top:6px;font-size:13px;line-height:1.5}@media(max-width:950px){.hero{grid-template-columns:1fr;padding-top:60px}.hero-visual{height:390px}.score-card{left:25px;right:25px}.discord-section{flex-direction:column;align-items:flex-start}}@media(max-width:600px){.site-header{padding:0 18px}.hero{padding-left:18px;padding-right:18px}.hero h1{font-size:48px}.hero-visual{height:340px}.score-card{top:55px;font-size:19px;grid-template-columns:1.2fr .65fr .55fr .65fr 1.2fr}.score-card strong{font-size:38px}.timer-card{top:141px;font-size:28px}.event-card{top:235px;left:22px;right:22px}.references-section,.discord-section{margin-left:18px;margin-right:18px;padding-left:22px;padding-right:22px}.references-section{margin:0;padding-top:65px;padding-bottom:65px}.section-head{align-items:flex-start}.gallery-controls{display:none}}
