:root{--bg:#030705;--bg2:#06110d;--panel:rgba(6,20,15,.76);--panel2:rgba(9,32,23,.64);--line:rgba(95,255,177,.24);--text:#ecfff6;--muted:#8eb5a5;--cyan:#6af7c2;--blue:#28a86d;--violet:#b8ff8f;--amber:#d8ff65;--green:#5fffaa;--red:#ff6e78;--r:0;--cut:polygon(0 16px,16px 0,calc(100% - 30px) 0,100% 30px,100% calc(100% - 16px),calc(100% - 16px) 100%,30px 100%,0 calc(100% - 30px));--shadow:0 28px 90px rgba(0,0,0,.52)}
*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Arial,sans-serif;letter-spacing:0}body{margin:0;min-height:100vh;background:linear-gradient(115deg,rgba(4,24,16,.94),rgba(2,6,5,.98) 48%,rgba(7,18,12,.96)),radial-gradient(circle at 18% 10%,rgba(95,255,170,.18),transparent 31%),radial-gradient(circle at 86% 18%,rgba(216,255,101,.10),transparent 24%);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:linear-gradient(rgba(95,255,177,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(95,255,177,.032) 1px,transparent 1px);background-size:58px 58px,58px 58px;mask-image:linear-gradient(180deg,rgba(0,0,0,.75),rgba(0,0,0,.2));}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:repeating-linear-gradient(180deg,rgba(255,255,255,.026) 0 1px,transparent 1px 5px);mix-blend-mode:screen;opacity:.16}body>*{position:relative;z-index:1}a{color:inherit;text-decoration:none}button,input{font:inherit}p{color:var(--muted);line-height:1.65}.topbar{position:sticky;top:0;z-index:20;min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,56px);background:linear-gradient(90deg,rgba(2,8,6,.92),rgba(7,25,17,.74));backdrop-filter:blur(20px);border-bottom:1px solid var(--line);box-shadow:0 16px 60px rgba(0,0,0,.34)}.topbar:before{content:"";position:absolute;left:0;bottom:-1px;width:42%;height:2px;background:linear-gradient(90deg,transparent,var(--green),transparent);box-shadow:0 0 22px var(--green)}.brand{display:flex;align-items:center;gap:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.brand-mark{width:34px;height:34px;border:1px solid var(--green);clip-path:polygon(50% 0,100% 28%,100% 72%,50% 100%,0 72%,0 28%);box-shadow:0 0 28px rgba(95,255,170,.62),inset 0 0 18px rgba(95,255,170,.22);position:relative;background:radial-gradient(circle,var(--green),transparent 62%)}.brand-mark:after{content:"";position:absolute;inset:10px;clip-path:inherit;background:var(--amber);box-shadow:0 0 18px var(--amber)}nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}nav a{font-size:13px;color:#c9f6df;padding:8px 10px;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));border:1px solid transparent}nav a:hover{border-color:rgba(95,255,170,.3);background:rgba(95,255,170,.06)}.btn{border:1px solid rgba(95,255,170,.44);background:linear-gradient(135deg,rgba(95,255,170,.2),rgba(40,168,109,.28));color:var(--text);clip-path:polygon(0 10px,10px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 10px),calc(100% - 10px) 100%,16px 100%,0 calc(100% - 16px));padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 12px 38px rgba(95,255,170,.12),inset 0 0 18px rgba(95,255,170,.06);transition:.2s;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.08em}.btn:hover{transform:translateY(-1px);border-color:rgba(95,255,170,.9);box-shadow:0 18px 54px rgba(95,255,170,.2),inset 0 0 22px rgba(95,255,170,.12)}.btn.ghost{background:rgba(255,255,255,.025);border-color:rgba(95,255,170,.2)}.btn.big{padding:15px 22px}.btn.small{padding:8px 11px;font-size:11px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.hero{min-height:calc(100vh - 76px);position:relative;display:grid;align-items:center;padding:clamp(40px,7vw,96px);overflow:hidden}.hero:before{content:"";position:absolute;inset:7% 5%;border:1px solid rgba(95,255,170,.12);clip-path:var(--cut);pointer-events:none}.hero canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.92}.hero-copy{position:relative;max-width:760px;z-index:2}.eyebrow{text-transform:uppercase;color:var(--green);font-size:12px;font-weight:900;letter-spacing:.22em}.hero h1{font-size:clamp(58px,9vw,132px);line-height:.86;margin:8px 0 18px;text-shadow:0 0 34px rgba(95,255,170,.2)}.hero-copy p{font-size:20px;max-width:620px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.mock-console{position:absolute;right:6vw;bottom:8vh;width:min(390px,86vw);background:linear-gradient(180deg,rgba(7,25,18,.86),rgba(2,8,6,.82));border:1px solid var(--line);clip-path:var(--cut);padding:26px;box-shadow:var(--shadow),inset 0 0 38px rgba(95,255,170,.055);backdrop-filter:blur(16px)}.mock-console:before,.panel:before,.auth-card:before,.stat:before{content:"";position:absolute;left:0;top:0;width:64px;height:2px;background:var(--green);box-shadow:0 0 18px var(--green)}.mock-console span,.mock-console small{color:var(--muted);display:block}.mock-console strong{font-size:28px;margin:8px 0 18px;display:block}.progress{height:9px;background:#07120d;overflow:hidden;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%)}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--amber));box-shadow:0 0 20px var(--green)}.feature-grid,.card-grid,.dashboard-grid,.stat-grid,.pricing{display:grid;gap:18px;padding:clamp(18px,4vw,56px)}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:0}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:0}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:0}.panel,.stat,.auth-card{position:relative;background:linear-gradient(145deg,var(--panel),rgba(2,8,6,.76));border:1px solid var(--line);clip-path:var(--cut);box-shadow:var(--shadow),inset 0 0 36px rgba(95,255,170,.045);backdrop-filter:blur(18px);padding:24px}.panel h2,.auth-card h1{margin-top:0}.stat span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.14em}.stat strong{display:block;font-size:28px;margin-top:8px;color:#f2fff8}.split-band{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;padding:clamp(24px,6vw,70px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(95,255,170,.025)}.screen-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.screen-shot{min-height:180px;border:1px solid var(--line);clip-path:var(--cut);background:linear-gradient(135deg,rgba(95,255,170,.18),transparent),repeating-linear-gradient(0deg,rgba(95,255,170,.08) 0 1px,transparent 1px 18px)}.screen-shot.amber{background:linear-gradient(135deg,rgba(216,255,101,.18),transparent),repeating-linear-gradient(90deg,rgba(95,255,170,.06) 0 1px,transparent 1px 18px)}.screen-shot.violet{grid-column:span 2;background:radial-gradient(circle,rgba(184,255,143,.22),transparent 48%),linear-gradient(135deg,rgba(95,255,170,.12),transparent)}.app-shell{width:min(1440px,calc(100% - 32px));margin:0 auto;padding:34px 0 64px}.page-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px;border-left:2px solid rgba(95,255,170,.52);padding-left:18px}.page-head h1{font-size:clamp(32px,5vw,62px);margin:.1em 0}.auth-shell{min-height:calc(100vh - 144px);display:grid;place-items:center;padding:28px}.auth-card{width:min(540px,100%)}label{display:grid;gap:8px;color:#dfffee;margin:14px 0}input{width:100%;border:1px solid rgba(95,255,170,.22);background:#04100b;color:var(--text);clip-path:polygon(0 8px,8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);padding:13px}.alert{border:1px solid rgba(255,110,120,.45);background:rgba(255,110,120,.12);padding:12px;clip-path:var(--cut);color:#ffd8dc}.success{border:1px solid rgba(95,255,170,.45);background:rgba(95,255,170,.12);padding:12px;clip-path:var(--cut);color:#d9ffe9;margin-bottom:16px}.lab-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px}.lab-canvas-wrap{border:1px solid var(--line);clip-path:var(--cut);background:#020705;box-shadow:var(--shadow),inset 0 0 55px rgba(95,255,170,.04);overflow:hidden}.lab-canvas-wrap canvas{width:100%;display:block;aspect-ratio:5/3}.equipment-list,.list,.mini-list,.leader-list,.inventory-grid{display:grid;gap:10px}.equipment-row,.table-row,.inventory-grid div,.leader-list div{display:grid;grid-template-columns:1fr auto auto auto;gap:12px;align-items:center;padding:12px;border:1px solid rgba(95,255,170,.14);clip-path:polygon(0 8px,8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);background:rgba(95,255,170,.035)}.equipment-row span,.table-row span{color:var(--muted);font-size:13px}.table{display:grid;gap:10px}.chip,.pill,.tabs span{display:inline-flex;align-items:center;border:1px solid rgba(95,255,170,.22);background:rgba(95,255,170,.055);clip-path:polygon(0 7px,7px 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));padding:7px 11px;color:#dfffee;font-size:12px;margin:4px;text-transform:uppercase;letter-spacing:.05em}.common{border-color:rgba(142,181,165,.42)}.uncommon{border-color:rgba(95,255,170,.55)}.rare{border-color:rgba(106,247,194,.72)}.epic{border-color:rgba(184,255,143,.75)}.legendary{border-color:rgba(216,255,101,.9)}.discovery-card.locked{opacity:.55}.discovery-icon,.avatar-orb{width:62px;height:62px;display:grid;place-items:center;background:radial-gradient(circle,var(--green),transparent 68%);border:1px solid var(--line);clip-path:polygon(50% 0,100% 26%,100% 74%,50% 100%,0 74%,0 26%);text-transform:uppercase;box-shadow:0 0 24px rgba(95,255,170,.16)}.research-tree{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:18px}.research-node{position:relative;background:linear-gradient(145deg,var(--panel),rgba(2,8,6,.82));border:1px solid var(--line);clip-path:var(--cut);padding:20px}.research-node:before{content:"";position:absolute;left:22px;top:-20px;width:1px;height:20px;background:var(--line)}.research-node.unlocked{border-color:rgba(95,255,170,.75);box-shadow:0 0 38px rgba(95,255,170,.12),inset 0 0 30px rgba(95,255,170,.08)}.quick,.tabs{display:flex;gap:10px;flex-wrap:wrap}.pricing{grid-template-columns:repeat(3,minmax(0,1fr));padding:0}.featured{border-color:rgba(216,255,101,.65)}.profile-hero{display:flex;gap:22px;align-items:center}.footer{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;color:var(--muted);border-top:1px solid var(--line);padding:24px;background:rgba(2,8,6,.44)}.tilt{transform-style:preserve-3d;transition:transform .18s ease,border-color .18s ease}.legal{max-width:900px;margin:auto}.admin-links{padding:24px 0}
@media(max-width:900px){.feature-grid,.split-band,.pricing,.lab-layout,.research-tree{grid-template-columns:1fr}.topbar{height:auto;min-height:72px;align-items:flex-start;padding-top:16px;padding-bottom:16px}.topbar,nav{gap:10px}.mock-console{position:relative;right:auto;bottom:auto;margin-top:26px}.hero{display:block}.equipment-row,.table-row{grid-template-columns:1fr}.page-head{display:block}.hero h1{font-size:58px}}