:root{--bg:#08111f;--card:#111d30;--text:#eef5ff;--muted:#9db0c8;--green:#5ee38f;--blue:#35bdf5}*{box-sizing:border-box}body{margin:0;background:linear-gradient(#07101d,#0d1727);color:var(--text);font-family:Arial,sans-serif}a{color:var(--blue);text-decoration:none}nav{display:flex;justify-content:space-between;align-items:center;padding:18px 5%;background:#080f1b;border-bottom:1px solid #26344d}nav a{margin-left:16px}.brand{font-size:25px;font-weight:800;color:var(--green)}main{max-width:1150px;min-height:82vh;margin:auto;padding:38px 20px}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;padding:70px 0;align-items:center}.hero h1{font-size:55px;line-height:1.05}.hero p{font-size:20px;color:var(--muted)}.badge{background:#163b2a;color:#8affb4;padding:7px 12px;border-radius:99px}.card,.auth{background:var(--card);border:1px solid #2b3b57;border-radius:17px;padding:23px;box-shadow:0 18px 50px #0005}.auth{max-width:520px;margin:40px auto}.btn{display:inline-block;background:var(--green);color:#061109;border:0;border-radius:9px;padding:11px 18px;font-weight:800;cursor:pointer}label{display:block;margin:13px 0}input,textarea,select{width:100%;padding:11px;margin-top:6px;background:#0a1424;color:white;border:1px solid #34435f;border-radius:8px}textarea{min-height:85px}.head{display:flex;justify-content:space-between;align-items:center}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.cols{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.featured{border-color:var(--green)}table{width:100%;border-collapse:collapse;background:var(--card);margin-top:15px}th,td{padding:10px;border-bottom:1px solid #2a3954}.ex{display:grid;grid-template-columns:2fr .6fr .7fr .7fr 1.7fr .25fr;gap:7px;margin-bottom:9px}.alt{padding:10px;background:#273a58;color:white;border:0;border-radius:8px;margin-right:9px}.alert{padding:12px;border-radius:8px;margin-bottom:15px}.danger{background:#51212b}.success{background:#17412c}footer{text-align:center;color:var(--muted);padding:22px}@media(max-width:800px){.hero,.cols,.pricing{grid-template-columns:1fr}.hero h1{font-size:38px}.head{align-items:flex-start;flex-direction:column;gap:12px}.ex{grid-template-columns:1fr 1fr}nav{flex-direction:column;gap:10px}}