:root{--bg:#020817;--panel:#071326;--panel2:#0b1d39;--line:#1a3764;--text:#eef6ff;--muted:#8fa5c5;--blue:#2f7cff;--green:#38f28b;--purple:#7c4dff}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at top,#0b2a64 0,#020817 42%,#000713 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:5;background:#020817b8;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:74px;padding:0 56px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;font-size:22px;font-weight:800;display:flex}.logo{background:linear-gradient(135deg,#195bff,#2df5a3);border-radius:14px;place-items:center;width:42px;height:42px;font-weight:900;display:grid;box-shadow:0 0 32px #1a6fff88}.navlinks{color:#b7c6dc;gap:28px;font-weight:600;display:flex}.btn{background:linear-gradient(135deg,var(--purple),var(--blue));color:#fff;cursor:pointer;border:0;border-radius:14px;padding:13px 20px;font-weight:800;box-shadow:0 12px 32px #2f7cff44}.btn.secondary{background:#ffffff14;border:1px solid #ffffff1f}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;min-height:calc(100vh - 74px);padding:70px 56px;display:grid}.eyebrow{color:var(--green);letter-spacing:.16em;font-size:13px;font-weight:900}.hero h1{max-width:760px;margin:18px 0 20px;font-size:76px;line-height:.95}.hero p{color:#b9c8df;max-width:680px;font-size:20px;line-height:1.6}.actions{gap:14px;margin:30px 0;display:flex}.stats{gap:16px;margin-top:34px;display:flex}.stat{background:#ffffff0f;border:1px solid #ffffff24;border-radius:18px;min-width:120px;padding:18px 22px}.stat b{font-size:26px;display:block}.glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#132d5ed1,#071326b8);border:1px solid #ffffff21;border-radius:28px;box-shadow:0 30px 80px #0000005c}.match-card{padding:28px}.match-card h3{margin-top:0}.match{background:#ffffff12;border:1px solid #ffffff1a;border-radius:18px;justify-content:space-between;align-items:center;margin:14px 0;padding:18px;display:flex}.avatar{background:linear-gradient(135deg,#5b7cff,#40eba0);border-radius:50%;place-items:center;width:46px;height:46px;font-weight:900;display:grid}.match-left{align-items:center;gap:14px;display:flex}.score{color:var(--green);font-size:22px;font-weight:900}.section{padding:70px 56px}.section h2{font-size:42px}.grid3{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.card{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:24px;padding:26px}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#020817d1;border-right:1px solid #ffffff17;width:280px;height:100vh;padding:24px 20px;position:fixed;top:0;left:0}.side-link{color:#c4d0e3;border-radius:14px;align-items:center;gap:12px;margin:7px 0;padding:14px 16px;display:flex}.side-link.active{color:#fff;background:linear-gradient(135deg,#12377e,#182169);border:1px solid #ffffff1f}.main{min-height:100vh;margin-left:280px;padding:24px}.topbar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.search{color:#fff;background:#061225;border:1px solid #ffffff21;border-radius:14px;width:60%;max-width:640px;height:46px;padding:0 18px}.dashboard-grid{grid-template-columns:1fr 390px;gap:24px;display:grid}.world{background:radial-gradient(circle at 60% 30%,#123a86,#061225 58%,#030914);border:1px solid #ffffff1a;border-radius:24px;min-height:210px;padding:28px;position:relative;overflow:hidden}.world:after{content:"";background:linear-gradient(90deg,#0000,#2f7cff1f,#0000);position:absolute;inset:0;transform:skew(-15deg)}.dna-row{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.circle{border:9px solid var(--green);border-radius:50%;place-items:center;width:86px;height:86px;font-size:22px;font-weight:900;display:grid}.circle.blue{border-color:var(--blue)}.circle.yellow{border-color:#ffca45}.rec-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.rec-img{background:linear-gradient(135deg,#102f66,#071326);border-radius:16px;height:110px}.builder{grid-template-columns:1.4fr 1fr;gap:24px;display:grid}.textarea{color:#fff;background:#041123;border:1px solid #ffffff1f;border-radius:16px;width:100%;height:94px;padding:16px;font-size:15px}.small{color:var(--muted);font-size:14px}.form-wrap{max-width:460px;margin:90px auto;padding:32px}.input{color:#fff;background:#061225;border:1px solid #ffffff24;border-radius:14px;width:100%;height:50px;margin:10px 0 16px;padding:0 16px}.question{background:#ffffff0d;border:1px solid #ffffff17;border-radius:18px;margin:18px 0;padding:18px}select{color:#fff;background:#061225;border:1px solid #ffffff24;border-radius:12px;width:100%;height:46px;padding:0 14px}@media (max-width:900px){.hero,.dashboard-grid,.grid3,.rec-grid,.builder{grid-template-columns:1fr}.sidebar{width:100%;height:auto;position:relative}.main{margin-left:0}.nav{padding:0 20px}.hero,.section{padding:36px 20px}.hero h1{font-size:48px}.navlinks{display:none}}