:root{--p:#5342DF;--d:#0B1B3B;--s:#F7F8FC;--t:#1D2746;--m:#66708A;--g:#2DBE60;--w:#fff}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 10%,rgba(83,66,223,.16),transparent 34%),var(--s);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--t)}
a{text-decoration:none;color:inherit}.brand{font-size:30px;font-weight:600;letter-spacing:-.045em;color:var(--d)}
.btn,button{min-height:48px;border:0;border-radius:999px;padding:0 24px;background:linear-gradient(135deg,var(--p),#786BFF);color:#fff;font-weight:700;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.card,.panel,.plan,.stat{background:rgba(255,255,255,.84);border:1px solid rgba(11,27,59,.08);border-radius:30px;box-shadow:0 24px 80px rgba(11,27,59,.12)}
input,select{min-height:48px;border-radius:16px;border:1px solid rgba(11,27,59,.12);padding:0 14px;width:100%}.alert{background:#fff0f0;color:#8B1D2C;padding:14px;border-radius:18px}.success{background:rgba(45,190,96,.12);color:#176A37;padding:14px;border-radius:18px}

.nav{max-width:1180px;margin:auto;padding:28px 24px;display:flex;justify-content:space-between;align-items:center}.nav nav{display:flex;gap:20px}.nav a{color:var(--m);font-weight:700}.nav .login{color:var(--p)}
.hero{max-width:1180px;margin:auto;padding:70px 24px;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.pill{display:inline-flex;padding:8px 14px;border-radius:999px;background:rgba(83,66,223,.08);color:var(--p);font-weight:700}
h1{font-size:clamp(48px,7vw,92px);line-height:.92;letter-spacing:-.075em;margin:24px 0;color:var(--d);font-weight:600}p{font-size:20px;line-height:1.55;color:var(--m)}.actions{display:flex;gap:14px;flex-wrap:wrap}.ghost{background:#fff;color:var(--d);box-shadow:0 10px 24px rgba(11,27,59,.08)}
.phone{width:min(370px,86vw);margin:auto;padding:14px;border-radius:46px;background:linear-gradient(160deg,var(--d),#101C3D);box-shadow:0 28px 90px rgba(11,27,59,.16)}.screen{min-height:650px;border-radius:34px;background:linear-gradient(180deg,#fff,#F2F3FB);padding:18px}.screen-hero{height:240px;border-radius:28px;background:linear-gradient(180deg,rgba(11,27,59,.04),rgba(83,66,223,.18)),radial-gradient(circle at 50% 0%,rgba(83,66,223,.35),transparent 44%),#ECECF3}.mini{margin-top:12px;padding:18px;border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(11,27,59,.07);font-weight:700}
.plans{max-width:1180px;margin:auto;padding:30px 24px 90px}.plans h2{font-size:44px;letter-spacing:-.055em;color:var(--d)}.grid{display:grid;grid-template-columns:repeat(7,1fr);gap:14px}.plan{padding:20px;min-height:178px}.plan b{color:var(--p)}.plan strong{display:block;margin:14px 0 10px;font-size:23px;color:var(--d)}.featured{background:linear-gradient(180deg,var(--d),#142554);color:white}.featured b,.featured strong{color:white}.featured span{color:rgba(255,255,255,.75)}
footer{max-width:1180px;margin:auto;padding:24px;border-top:1px solid rgba(11,27,59,.08);color:var(--m)}@media(max-width:980px){.hero{grid-template-columns:1fr}.phone{order:-1}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.grid{grid-template-columns:1fr}}