:root{--bg: #07040f;--text: #e0e0e0;--muted: #444;--muted2: #252525;--mono: "JetBrains Mono", monospace;--sans: "Syne", sans-serif;--display: "Unbounded", sans-serif;--gold: #f5a623;--gold-dim: rgba(245,166,35,.1);--gold-border: rgba(245,166,35,.25);--green: #4bde97;--green-bg: rgba(75,222,151,.06);--green-bd: rgba(75,222,151,.22);--red: #f55;--red-bg: rgba(255,85,85,.06);--red-bd: rgba(255,85,85,.2);--radius: 24px;--glass-bg: rgba(138,74,255,.04);--glass-border: rgba(255,255,255,.1);--glass-border-top: rgba(255,255,255,.2);--glass-blur: blur(32px) saturate(1.6) brightness(1.06);--glass-shadow: 0 40px 100px rgba(0,0,0,.55), 0 8px 24px rgba(0,0,0,.3), inset 0 1.5px 0 rgba(255,255,255,.18), inset 0 -1px 0 rgba(255,255,255,.04), inset 1px 0 0 rgba(255,255,255,.07), inset -1px 0 0 rgba(255,255,255,.04)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);min-height:100vh;overflow-x:hidden}#stars{position:fixed;inset:0;z-index:0;pointer-events:none}.nav{position:fixed;top:0;left:0;right:0;z-index:90;display:flex;align-items:center;justify-content:space-between;padding:20px 48px;transition:background .4s,border-color .4s,backdrop-filter .4s}.nav.scrolled{background:#14082d59;backdrop-filter:blur(28px) saturate(1.8);-webkit-backdrop-filter:blur(28px) saturate(1.8);border-bottom:1px solid var(--glass-border);box-shadow:inset 0 -1px #ffffff0a,0 4px 24px #0000004d}.nav-logo{font-family:var(--mono);font-size:12px;color:var(--muted);text-decoration:none;letter-spacing:1px;transition:color .2s}.nav-logo:hover{color:var(--text)}.nav-links{display:flex;gap:32px}.nav-link{font-size:13px;color:var(--muted);text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--text)}.hero{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 48px 80px;text-align:center;overflow:hidden}.hero-grid-bg{position:absolute;inset:0;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:80px 80px;mask-image:radial-gradient(ellipse 65% 55% at 50% 50%,black 0%,transparent 100%)}.hero-inner{position:relative;z-index:1}.hero-label{font-family:var(--mono);font-size:10px;letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:28px;opacity:0;animation:fadeUp .8s .1s ease forwards}.hero-title{display:flex;flex-direction:column;align-items:center;margin-bottom:28px}.hero-line{font-family:var(--display);font-weight:900;font-size:clamp(60px,11vw,128px);letter-spacing:-4px;line-height:.9;color:#fff;opacity:0;animation:fadeUp .8s ease forwards}.hero-line:nth-child(1){animation-delay:.3s}.hero-line:nth-child(2){animation-delay:.45s}.hero-accent{background:linear-gradient(130deg,#ffe5a0 0%,var(--gold) 45%,#a86200 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:15px;color:#555;line-height:1.85;margin-bottom:40px;opacity:0;animation:fadeUp .8s .6s ease forwards}.hero-cta{display:inline-flex;align-items:center;gap:10px;padding:13px 34px;border-radius:100px;background:#ffffff0f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-top-color:var(--glass-border-top);box-shadow:inset 0 1px #ffffff26,0 4px 16px #00000040;color:var(--text);font-family:var(--sans);font-size:14px;font-weight:600;text-decoration:none;opacity:0;animation:fadeUp .8s .75s ease forwards;transition:background .2s,transform .2s,box-shadow .2s}.hero-cta:after{content:"\2193";font-size:12px;opacity:.5}.hero-cta:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:inset 0 1px #fff3,0 8px 24px #0000004d}.hero-scroll-hint{position:absolute;bottom:40px;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:9px;letter-spacing:4px;text-transform:uppercase;color:var(--muted2);opacity:0;animation:fadeUp 1s 1.1s ease forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.kits-section,.coming-section{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:0 48px 100px}.section-header{margin-bottom:36px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.06)}.section-label{font-family:var(--mono);font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--muted)}.kits-list{display:flex;flex-direction:column;gap:20px}.kit-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-top-color:var(--glass-border-top);border-radius:var(--radius);padding:44px 48px;position:relative;overflow:hidden;opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease,border-color .35s,box-shadow .35s;box-shadow:var(--glass-shadow)}.kit-card.visible{opacity:1;transform:translateY(0)}.kit-card:before{content:"";position:absolute;top:0;left:0;right:0;height:55%;background:linear-gradient(160deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,.025) 35%,transparent 65%);border-radius:inherit;pointer-events:none;z-index:0}.kit-card:after{content:"";position:absolute;top:-60%;left:-20%;width:60%;height:120%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.03) 50%,transparent 60%);transform:skew(-15deg);animation:shimmer 10s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes shimmer{0%,to{left:-20%;opacity:0}40%{opacity:1}60%{left:110%;opacity:1}61%{opacity:0}}.kit-card>*{position:relative;z-index:1}.kit-card:hover{border-color:#ffffff29;border-top-color:#ffffff47;box-shadow:0 56px 120px #0009,0 12px 32px #00000059,inset 0 1.5px #ffffff3d,inset 0 -1px #ffffff0f,inset 1px 0 #ffffff1a,inset -1px 0 #ffffff0f,0 0 80px rgba(var(--kit-rgb),.07)}.kit-layout{display:grid;grid-template-columns:1fr 160px;gap:40px;align-items:start}.kit-tag{font-family:var(--mono);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--kit-accent);padding:4px 11px;border-radius:999px;border:1px solid rgba(var(--kit-rgb),.25);background:rgba(var(--kit-rgb),.06);backdrop-filter:blur(8px);display:inline-block;margin-bottom:18px}.kit-name{font-family:var(--display);font-size:clamp(36px,5vw,58px);font-weight:900;letter-spacing:-2.5px;line-height:1;color:#fff;margin-bottom:10px}.kit-byline{font-family:var(--mono);font-size:11px;color:var(--muted);margin-bottom:24px}.kit-byline span{color:#555}.kit-desc{font-size:14px;color:#4e4e4e;line-height:1.8;max-width:580px;margin-bottom:28px}.kit-features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:36px;list-style:none}.kit-feat{font-family:var(--mono);font-size:10px;color:#4a4a4a;padding:4px 11px;border-radius:7px;border:1px solid rgba(255,255,255,.07);background:#ffffff05;backdrop-filter:blur(8px);transition:border-color .2s,color .2s}.kit-card:hover .kit-feat{border-color:#ffffff1c;color:#5a5a5a}.kit-actions{display:flex;gap:12px;flex-wrap:wrap}.kit-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:12px;font-family:var(--sans);font-size:13px;font-weight:600;cursor:pointer;border:none;text-decoration:none;transition:all .18s ease;white-space:nowrap}.kit-btn-primary{background:rgba(var(--kit-rgb),.85);color:#000;box-shadow:0 4px 20px rgba(var(--kit-rgb),.3),inset 0 1px #ffffff4d;backdrop-filter:blur(8px)}.kit-btn-primary:hover{background:rgba(var(--kit-rgb),1);transform:translateY(-1px);box-shadow:0 8px 32px rgba(var(--kit-rgb),.5),inset 0 1px #ffffff59}.kit-btn-outline{background:#ffffff0d;color:var(--text);border:1px solid var(--glass-border);border-top-color:var(--glass-border-top);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px #ffffff1f,0 4px 12px #0003}.kit-btn-outline:hover{background:#ffffff17;border-color:#ffffff2e;border-top-color:#ffffff4d;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff2e,0 6px 20px #0000004d}.kit-meta{text-align:right;padding-top:4px}.kit-version{font-family:var(--mono);font-size:22px;font-weight:500;color:var(--kit-accent);letter-spacing:-.5px;margin-bottom:4px;min-height:28px}.kit-version-label{font-family:var(--mono);font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);opacity:.5}.coming-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.coming-card{background:#ffffff05;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);border-top-color:#ffffff1a;border-radius:20px;padding:28px;position:relative;overflow:hidden;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;box-shadow:inset 0 1px #ffffff14,0 8px 32px #00000040}.coming-card.visible{opacity:1;transform:translateY(0)}.coming-card-pill{font-family:var(--mono);font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--muted2);padding:3px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.05);display:inline-block;margin-bottom:14px}.coming-card-name{font-family:var(--display);font-size:26px;font-weight:900;letter-spacing:-1px;color:#ffffff14;margin-bottom:6px}.coming-card-note{font-size:12px;color:var(--muted2)}.footer{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.05);padding:24px 48px;background:#0003;backdrop-filter:blur(20px)}.footer-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:16px;font-family:var(--mono);font-size:11px;color:var(--muted)}.footer-inner a{color:var(--muted);text-decoration:none;transition:color .2s}.footer-inner a:hover{color:var(--text)}.drawer-overlay{position:fixed;inset:0;z-index:100;background:#00000080;backdrop-filter:blur(8px) saturate(.8);-webkit-backdrop-filter:blur(8px) saturate(.8);opacity:0;pointer-events:none;transition:opacity .3s ease}.drawer-overlay.open{opacity:1;pointer-events:all}.drawer{position:fixed;bottom:0;left:50%;transform:translate(-50%) translateY(100%);z-index:101;width:100%;max-width:500px;background:#ffffff0f;backdrop-filter:blur(60px) saturate(1.8) brightness(1.1);-webkit-backdrop-filter:blur(60px) saturate(1.8) brightness(1.1);border:1px solid rgba(255,255,255,.15);border-top-color:#ffffff4d;border-bottom:none;border-radius:28px 28px 0 0;padding:20px 40px 56px;transition:transform .42s cubic-bezier(.32,.72,0,1);box-shadow:0 -20px 80px #0006,inset 0 1.5px #ffffff40,inset 1px 0 #ffffff14,inset -1px 0 #ffffff0f}.drawer.open{transform:translate(-50%) translateY(0)}.drawer-handle{width:36px;height:4px;background:#ffffff1f;border-radius:999px;margin:0 auto 28px}.drawer-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:36px}.drawer-kit-name{font-family:var(--display);font-size:22px;font-weight:900;letter-spacing:-.8px;color:#fff;margin-bottom:4px}.drawer-subtitle{font-family:var(--mono);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.drawer-close{width:32px;height:32px;background:#ffffff0d;border:1px solid var(--glass-border);border-top-color:#ffffff26;border-radius:9px;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;backdrop-filter:blur(12px);box-shadow:inset 0 1px #ffffff1f;transition:background .2s,box-shadow .2s}.drawer-close:hover{background:#ffffff1a;box-shadow:inset 0 1px #fff3}.vstate-wrap{position:relative}.vstate{display:none;flex-direction:column;align-items:center;text-align:center;gap:14px;animation:fadeUp .3s ease}.vstate.active{display:flex}.v-spinner{width:28px;height:28px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.v-icon-wrap{width:56px;height:56px;background:#ffffff0a;backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-top-color:var(--glass-border-top);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#777;box-shadow:inset 0 1px #ffffff1f}.v-avatar{width:68px;height:68px;border-radius:50%;border:1.5px solid rgba(255,255,255,.15);object-fit:cover;background:#ffffff0a;box-shadow:0 4px 20px #0006,inset 0 1px #ffffff26}.avatar-wrap{position:relative;display:inline-block}.av-dot{position:absolute;bottom:1px;right:1px;width:20px;height:20px;border-radius:50%;border:2px solid rgba(20,8,45,.8);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;backdrop-filter:blur(8px)}.av-green{background:#4bde9726;color:var(--green);border-color:var(--green-bd)}.av-red{background:#ff555526;color:var(--red);border-color:var(--red-bd)}.v-badge{font-family:var(--mono);font-size:10px;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border-radius:999px;border:1px solid;backdrop-filter:blur(12px)}.v-neutral{color:var(--muted);border-color:#ffffff14;background:#ffffff08}.v-green{color:var(--green);border-color:var(--green-bd);background:var(--green-bg)}.v-red{color:var(--red);border-color:var(--red-bd);background:var(--red-bg)}.vstate h3{font-size:20px;font-weight:700;letter-spacing:-.3px}.vstate p{font-size:13px;color:#4a4a4a;line-height:1.75;max-width:320px}.v-handle{font-family:var(--mono);font-size:12px;color:#3a3a3a;margin-top:-4px}.v-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:12px;font-family:var(--sans);font-size:13px;font-weight:600;cursor:pointer;border:none;text-decoration:none;transition:all .18s ease;white-space:nowrap}.v-btn-primary{background:#f5a623e0;color:#000;box-shadow:0 4px 20px #f5a6234d,inset 0 1px #ffffff4d;backdrop-filter:blur(8px)}.v-btn-primary:hover{background:var(--gold);transform:translateY(-1px);box-shadow:0 8px 28px #f5a62373,inset 0 1px #ffffff59}.v-btn-ghost{background:transparent;color:#3a3a3a;font-size:12px;padding:8px 16px}.v-btn-ghost:hover{color:var(--text)}.v-btn-sm{padding:9px 18px;font-size:12px}.v-download-box{width:100%;background:#f5a6230a;backdrop-filter:blur(20px);border:1px solid var(--gold-border);border-top-color:#f5a62359;border-radius:14px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:inset 0 1px #f5a62326,0 4px 16px #0003}.v-ver{font-family:var(--mono);font-size:15px;font-weight:500;color:var(--gold)}.v-sublabel{font-size:11px;color:var(--muted);margin-top:2px}@media(max-width:860px){.nav{padding:18px 24px}.kits-section,.coming-section{padding:0 24px 80px}.kit-card{padding:30px 28px}.kit-layout{grid-template-columns:1fr;gap:24px}.kit-meta{text-align:left}.drawer{padding:16px 24px 44px}}@media(max-width:560px){.hero{padding:80px 24px 60px}.nav-links{gap:20px}}