:root{--bg:#050507;--g:radial-gradient(circle at 60% -20%,#1e293b 0%,#0a0a0c 70%);--p:#3b82f6;--t:#f1f5f9;--m:#94a3b8;--glass:rgba(15,17,23,.92);--b:rgba(255,255,255,.08);--hover:rgba(59,130,246,.08)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:var(--bg) var(--g) fixed;color:var(--t);line-height:1.6}.container{max-width:1200px;margin:auto;padding:0 24px}.header{position:fixed;top:0;width:100%;z-index:10;padding:12px 0;background:rgba(5,5,7,.95);border-bottom:1px solid var(--b)}.nav{display:flex;align-items:center;justify-content:space-between}.logo{height:56px;width:auto}.back{color:var(--p);text-decoration:none;font-size:14px;font-weight:600;display:flex;gap:8px;align-items:center}.main{padding:142px 0 70px}.hero{padding:0 0 34px;border-bottom:1px solid var(--b);margin-bottom:34px}.crumb{display:flex;align-items:center;gap:8px;color:#9ac4ff;letter-spacing:.09em;text-transform:uppercase;font-size:.72rem;font-weight:600;margin-bottom:15px}.hero h1{font:700 2.45rem/1.15 Outfit,sans-serif;max-width:820px;padding-left:20px;position:relative;margin-bottom:15px}.hero h1:before{content:'';position:absolute;left:0;top:.08em;bottom:.08em;width:4px;border-radius:4px;background:var(--p);box-shadow:0 0 18px rgba(59,130,246,.45)}.hero p,.card p{color:var(--m);font-weight:300}.hero p{max-width:760px}.stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.badge{color:var(--m);padding:5px 0;font-size:12px;font-weight:600}.badge+.badge{padding-left:14px;border-left:1px solid var(--b)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card{padding:23px;background:var(--glass);border:1px solid var(--b);border-radius:12px;text-decoration:none;color:inherit;min-height:218px;display:flex;flex-direction:column;transition:.25s}.card:hover{transform:translateY(-4px);background:var(--hover);border-color:var(--p)}.icon{color:#91bfff;font-size:23px;margin-bottom:16px}.card h2{font:600 1.23rem/1.3 Outfit,sans-serif;margin-bottom:10px}.foot{margin-top:auto;padding-top:17px;border-top:1px solid var(--b);display:flex;justify-content:space-between;color:var(--m);font-size:12px}.read{color:#9ac4ff;font-weight:600}footer{padding:38px 0;text-align:center;border-top:1px solid var(--b);color:var(--m);font-size:14px}@media(max-width:760px){.logo{height:48px}.main{padding-top:122px}.grid{grid-template-columns:1fr}.hero h1{font-size:1.85rem}.badge+.badge{padding-left:0;border-left:0}}