*{box-sizing:border-box}body{margin:0;background:#070b16;color:#eef3ff;font-family:Arial,sans-serif}nav{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 7%;border-bottom:1px solid #18213b}nav span,em{color:#7189ff;font-style:normal}nav a{color:#aab6d4;text-decoration:none;margin:14px}button,.primary{background:linear-gradient(135deg,#526dff,#8a5cff);color:#fff;border:0;border-radius:10px;padding:12px 18px;font-weight:bold;cursor:pointer}header{padding:100px 7%;text-align:center;background:radial-gradient(circle at top,#18295c,transparent 50%)}h1{font-size:clamp(42px,7vw,80px);margin:25px}header p{max-width:720px;margin:20px auto 35px;color:#aab6d4;font-size:19px;line-height:1.7}.primary{display:inline-block;text-decoration:none}.badge{display:inline-block;padding:8px 13px;border:1px solid #30406c;border-radius:99px}.stats{display:flex;justify-content:center;gap:55px;margin-top:70px;flex-wrap:wrap}.stats div{display:grid}.stats b{font-size:24px}.stats small{color:#7f8aa7}section{padding:75px 7%;max-width:1200px;margin:auto}h2{font-size:38px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}article,.panel,form{background:#0d1426;border:1px solid #1d2948;border-radius:18px;padding:25px}article p{color:#96a2bf;line-height:1.6}.demo{display:grid;grid-template-columns:1fr 1fr;gap:45px}input,select,textarea{width:100%;padding:13px;margin:7px 0;background:#080d19;color:#fff;border:1px solid #293554;border-radius:9px}textarea{min-height:90px}.pricing strong{font-size:42px}.hot{border-color:#6e72ff}footer{text-align:center;padding:35px;color:#69758f}.modal{display:none;position:fixed;inset:0;background:#02050bd9;align-items:center;justify-content:center;padding:20px}.panel{width:min(1000px,95vw);max-height:88vh;overflow:auto;position:relative}.x{position:absolute;right:15px;top:10px;background:none;font-size:28px}.dashhead{display:flex;justify-content:space-between}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.metric{padding:15px;background:#080d19;border-radius:12px}.metric b{display:block;font-size:25px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #202b46}.ok{color:#70e3a3}@media(max-width:760px){.grid,.demo{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}nav a{display:none}}