*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#06060f;--surface:#0d0d1f;--surface2:#111128;--border:rgba(99,102,241,.22);--border-bright:rgba(99,102,241,.55);--text:#e8e8f8;--muted:#7b7b9f;--cyan:#00e5ff;--cyan-dim:rgba(0,229,255,.1);--purple:#a855f7;--purple-dim:rgba(168,85,247,.1);--green:#10b981;--green-dim:rgba(16,185,129,.1);--amber:#f59e0b;--amber-dim:rgba(245,158,11,.1)}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;min-height:100vh}a{color:inherit;text-decoration:none}#stars{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.star{position:absolute;border-radius:50%;background:#fff;animation:twinkle var(--d,3s) ease-in-out infinite var(--delay,0s)}@keyframes twinkle{0%,to{opacity:.08;transform:scale(1)}50%{opacity:.85;transform:scale(1.5)}}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(99,102,241,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.03) 1px,transparent 1px);background-size:52px 52px}.scan{position:fixed;left:0;right:0;height:1px;z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.1;animation:scan 10s linear infinite}@keyframes scan{0%{top:-2px}to{top:100vh}}nav{position:sticky;top:0;z-index:500;background:#06060fe0;backdrop-filter:blur(18px);border-bottom:1px solid var(--border);padding:0 5%;height:66px;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-family:Orbitron,sans-serif;font-weight:900;font-size:1rem;letter-spacing:.1em}.nav-logo span{color:var(--cyan)}.nav-back{font-size:.85rem;color:var(--muted);display:flex;align-items:center;gap:6px;transition:color .2s}.nav-back:hover{color:var(--text)}.nav-cta{background:linear-gradient(135deg,var(--purple),var(--cyan));color:#fff;padding:10px 22px;border-radius:8px;font-weight:700;font-size:.83rem;letter-spacing:.03em}.page-hero{padding:80px 5% 60px;text-align:center;position:relative;z-index:10}.page-tag{display:inline-block;background:var(--cyan-dim);border:1px solid rgba(0,229,255,.25);border-radius:20px;padding:5px 16px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--cyan);margin-bottom:18px}.page-hero h1{font-family:Orbitron,sans-serif;font-size:clamp(1.6rem,4vw,2.6rem);font-weight:900;letter-spacing:-.01em;margin-bottom:16px;line-height:1.2}.page-hero h1 span{color:var(--cyan);text-shadow:0 0 30px rgba(0,229,255,.4)}.page-hero p{font-size:1rem;color:var(--muted);max-width:540px;margin:0 auto;line-height:1.8}.groups-wrap{max-width:1060px;margin:0 auto;padding:20px 5% 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;position:relative;z-index:10}.group-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .3s,box-shadow .3s,transform .3s}.group-card:hover{transform:translateY(-6px);box-shadow:0 0 44px #6366f133}.gc-top{padding:32px 28px 24px;position:relative}.gc-top:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.gc-a .gc-top:before{background:linear-gradient(90deg,var(--purple),#ec4899)}.gc-b .gc-top:before{background:linear-gradient(90deg,var(--cyan),var(--green))}.gc-c .gc-top:before{background:linear-gradient(90deg,var(--green),var(--amber))}.gc-a{border-color:#a855f74d}.gc-b{border-color:#00e5ff4d}.gc-c{border-color:#10b9814d}.gc-a:hover{border-color:#a855f799;box-shadow:0 0 44px #a855f72e}.gc-b:hover{border-color:#00e5ff99;box-shadow:0 0 44px #00e5ff26}.gc-c:hover{border-color:#10b98199;box-shadow:0 0 44px #10b98126}.gc-badge{display:inline-block;padding:5px 14px;border-radius:20px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}.gc-a .gc-badge{background:var(--purple-dim);color:var(--purple);border:1px solid rgba(168,85,247,.3)}.gc-b .gc-badge{background:var(--cyan-dim);color:var(--cyan);border:1px solid rgba(0,229,255,.3)}.gc-c .gc-badge{background:var(--green-dim);color:var(--green);border:1px solid rgba(16,185,129,.3)}.gc-emoji{font-size:3rem;margin-bottom:16px;display:block;line-height:1}.gc-top h2{font-size:1.3rem;font-weight:900;margin-bottom:6px}.gc-top .gc-classes{font-size:.88rem;color:var(--muted);margin-bottom:16px}.gc-desc{font-size:.84rem;color:var(--muted);line-height:1.75}.gc-details{padding:20px 28px;background:var(--surface2);border-top:1px solid var(--border);flex:1;display:flex;flex-direction:column;gap:10px}.gc-sample{font-size:.78rem;color:var(--muted);font-style:italic;line-height:1.6;padding:10px 12px;background:var(--surface);border-radius:8px;border-left:3px solid}.gc-a .gc-sample{border-left-color:var(--purple)}.gc-b .gc-sample{border-left-color:var(--cyan)}.gc-c .gc-sample{border-left-color:var(--green)}.gc-btns{padding:24px 28px;display:flex;flex-direction:column;gap:10px}.btn-demo{display:block;text-align:center;padding:14px;border-radius:12px;font-weight:700;font-size:.9rem;transition:opacity .2s,transform .15s}.btn-demo:hover{opacity:.9;transform:translateY(-1px)}.gc-a .btn-demo-primary{background:linear-gradient(135deg,var(--purple),#ec4899);color:#fff;box-shadow:0 0 22px #a855f759}.gc-b .btn-demo-primary{background:linear-gradient(135deg,var(--cyan),var(--green));color:#000;box-shadow:0 0 22px #00e5ff4d}.gc-c .btn-demo-primary{background:linear-gradient(135deg,var(--green),var(--amber));color:#000;box-shadow:0 0 22px #10b9814d}.btn-demo-secondary{background:#ffffff0a;border:1px solid var(--border-bright);color:var(--text)}.btn-demo-secondary:hover{border-color:var(--cyan);background:var(--cyan-dim)}.reassure{text-align:center;padding:0 5% 60px;position:relative;z-index:10}.reassure p{font-size:.88rem;color:var(--muted);max-width:500px;margin:0 auto;line-height:1.8}.reassure-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:16px}.reassure-chip{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:6px 16px;font-size:.75rem;font-weight:600;color:var(--muted)}@media(max-width:800px){.groups-wrap{grid-template-columns:1fr}}@media(max-width:680px){.nav-cta{padding:12px 16px;font-size:.78rem;min-height:44px;display:inline-flex;align-items:center}.groups-wrap{padding:16px 5% 56px}}@media(max-width:480px){.nav-back{display:none}}