:root{--background:#070b14;--surface:#0d1322;--surface-2:#121a2c;--border:#ffffff17;--text:#f7f9ff;--muted:#9aa6bd;--accent:#7c5cff;--accent-2:#18d7c0;--success:#4ade80;--danger:#fb7185;--radius-lg:24px;--radius-md:16px;--shadow:0 24px 80px #00000059}*{box-sizing:border-box}html{background:var(--background);min-width:320px}body{background:radial-gradient(circle at 15% 0%, #7c5cff29, transparent 34rem), radial-gradient(circle at 85% 20%, #18d7c01a, transparent 30rem), var(--background);color:var(--text);min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{flex-direction:column;min-height:100vh;display:flex}.nav{justify-content:space-between;align-items:center;width:min(1180px,100% - 32px);margin:0 auto;padding:22px 0;display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:10px;font-size:1.3rem;font-weight:800;display:flex}.logo{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:12px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 10px 35px #7c5cff47}.navLinks{color:var(--muted);gap:20px;font-size:.94rem;display:flex}.navLinks a:hover{color:var(--text)}.hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:60px;width:min(1180px,100% - 32px);margin:auto;padding:70px 0 90px;display:grid}.eyebrow{color:var(--accent-2);text-transform:uppercase;letter-spacing:.13em;font-size:.75rem;font-weight:700}h1{letter-spacing:-.065em;max-width:850px;margin:14px 0 18px;font-size:clamp(3rem,7vw,6.5rem);line-height:.92}.gradientText{background:linear-gradient(100deg,#fff 15%,#bdb0ff 55%,#76f4e5);color:#0000;-webkit-background-clip:text;background-clip:text}.lead{max-width:650px;color:var(--muted);font-size:1.16rem;line-height:1.75}.actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.button{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:999px;padding:13px 19px;font-weight:700}.button.primary{background:linear-gradient(135deg,var(--accent),#9b6cff);border:0;box-shadow:0 14px 35px #7c5cff47}.button:hover{transform:translateY(-1px)}.matchCard{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d1322cc;padding:26px}.cardTop{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:25px;font-size:.85rem;display:flex}.status{align-items:center;gap:7px;display:flex}.dot{background:var(--success);width:8px;height:8px;box-shadow:0 0 16px var(--success);border-radius:50%}.avatar{border:1px solid var(--border);background:linear-gradient(145deg,#202b48,#141b2d);border-radius:28px;place-items:center;width:88px;height:88px;font-size:2.5rem;display:grid}.cardName{margin:20px 0 5px;font-size:1.45rem;font-weight:800}.cardMeta{color:var(--muted)}.pills{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.pill{border:1px solid var(--border);color:#cbd5e8;background:#ffffff08;border-radius:999px;padding:7px 10px;font-size:.8rem}.section{width:min(1180px,100% - 32px);margin:0 auto;padding:80px 0}.sectionTitle{max-width:650px;margin-bottom:35px}.sectionTitle h2{letter-spacing:-.045em;margin:10px 0;font-size:clamp(2rem,4vw,3.4rem)}.features{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.feature{border:1px solid var(--border);border-radius:var(--radius-md);background:#0d13229e;padding:25px}.featureIcon{font-size:1.6rem}.feature h3{margin:18px 0 8px}.feature p{color:var(--muted);margin:0;line-height:1.65}.footer{width:min(1180px,100% - 32px);color:var(--muted);border-top:1px solid var(--border);margin:auto;padding:35px 0 50px;font-size:.85rem}@media (max-width:800px){.navLinks{display:none}.hero{grid-template-columns:1fr;gap:35px;padding:45px 0 65px}h1{font-size:clamp(3rem,16vw,5rem)}.features{grid-template-columns:1fr}.section{padding:60px 0}}