:root{
  --bg:#f5f7ff;
  --card:#ffffff;
  --text:#0f172a;
  --muted:#64748b;
  --line:#e6edf8;
  --blue:#2563eb;
  --blue-dark:#1e40af;
  --violet:#7c3aed;
  --green:#10b981;
  --orange:#f59e0b;
  --shadow:0 24px 70px rgba(37,99,235,.13);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 0 0,rgba(124,58,237,.13),transparent 34rem),
    radial-gradient(circle at 100% 0,rgba(37,99,235,.16),transparent 36rem),
    var(--bg);
}
a{color:inherit;text-decoration:none}
.container{width:min(1140px,calc(100% - 36px));margin:0 auto}
.header{
  position:sticky;top:0;z-index:50;
  background:rgba(245,247,255,.84);
  backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(230,237,248,.88);
}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:12px;font-weight:950}
.logo{
  width:48px;height:48px;border-radius:17px;
  display:grid;place-items:center;color:#fff;font-weight:950;
  background:linear-gradient(135deg,var(--blue-dark),var(--blue),var(--violet));
  box-shadow:0 14px 30px rgba(37,99,235,.25);
}
.brand small{display:block;color:var(--muted);font-size:12px;font-weight:800;margin-top:1px}
.links{display:flex;align-items:center;gap:22px;color:var(--muted);font-weight:850;font-size:14px}
.links a:hover{color:var(--blue)}
.menu{display:none;border:0;background:#fff;border-radius:14px;padding:9px 12px;font-size:20px;box-shadow:0 10px 28px rgba(15,23,42,.08)}
.pill{
  color:#fff!important;padding:11px 17px;border-radius:999px;
  background:linear-gradient(135deg,var(--blue),var(--violet));
  box-shadow:0 14px 32px rgba(37,99,235,.22);
}
.hero{position:relative;overflow:hidden;padding:84px 0 94px}
.grid{display:grid;grid-template-columns:1.08fr .92fr;gap:58px;align-items:center}
.badge,.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  color:var(--blue);background:rgba(37,99,235,.09);
  border:1px solid rgba(37,99,235,.13);
  border-radius:999px;padding:8px 13px;font-size:12px;font-weight:950;
}
.badge i{width:8px;height:8px;border-radius:99px;background:var(--green);box-shadow:0 0 0 6px rgba(16,185,129,.12)}
h1{font-size:clamp(42px,6vw,74px);letter-spacing:-.06em;line-height:.96;margin:18px 0}
h2{font-size:clamp(30px,4vw,50px);letter-spacing:-.045em;line-height:1.04;margin:12px 0}
h3{font-size:20px;margin:14px 0 8px}
p{color:var(--muted);line-height:1.72}
.lead{font-size:18px;max-width:650px}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:50px;
  padding:0 21px;border-radius:999px;border:0;font-weight:950;font-size:14px;
  cursor:pointer;
}
.primary{background:linear-gradient(135deg,var(--blue),var(--violet));color:#fff;box-shadow:0 16px 34px rgba(37,99,235,.23)}
.white{background:#fff;color:var(--blue);border:1px solid var(--line)}
.stats{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.stats div,.card,.panel,.legal{
  background:rgba(255,255,255,.84);border:1px solid var(--line);box-shadow:var(--shadow);
}
.stats div{min-width:120px;border-radius:23px;padding:15px 17px}
.stats b,.stats span{display:block}.stats span{color:var(--muted);font-size:12px;margin-top:2px}
.mock{
  border-radius:42px;padding:26px;background:linear-gradient(180deg,#fff,#edf4ff);
  box-shadow:0 42px 90px rgba(15,23,42,.20);border:1px solid rgba(255,255,255,.9);
}
.mock-top{
  padding:22px;border-radius:30px;color:#fff;background:linear-gradient(135deg,var(--blue-dark),var(--blue),var(--violet));
  display:flex;gap:16px;align-items:center;
}
.mock-top span{font-size:42px}.mock-top b,.mock-top small{display:block}
.mock-row{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:15px 0}
.mock-row div,.result{background:#fff;border:1px solid var(--line);border-radius:24px;padding:17px}
.mock-row b{display:block;color:var(--blue);font-size:30px}.mock-row span{font-size:12px;color:var(--muted)}
.result{display:flex;align-items:center;gap:13px;margin-bottom:13px}
.rank{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;color:#fff;font-weight:950}
.gold{background:#eab308}.silver{background:#94a3b8}.bronze{background:#b45309}
.section{padding:82px 0}
.section-head{max-width:720px;margin-bottom:34px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{border-radius:30px;padding:25px}
.card .icon{width:56px;height:56px;display:grid;place-items:center;border-radius:19px;background:linear-gradient(135deg,rgba(37,99,235,.1),rgba(124,58,237,.1));font-size:26px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.panel{border-radius:32px;padding:35px}
.panel.dark,.cta{
  color:#fff;background:linear-gradient(135deg,var(--blue-dark),var(--blue),var(--violet));
  box-shadow:0 32px 72px rgba(37,99,235,.25);
}
.panel.dark p,.cta p,.light{color:rgba(255,255,255,.84)}
.app-list{display:grid;grid-template-columns:1fr;gap:16px;margin-top:20px}
.app-card{
  display:flex;gap:15px;align-items:center;background:#fff;border:1px solid var(--line);
  border-radius:24px;padding:18px;box-shadow:0 14px 36px rgba(15,23,42,.06);
}
.app-icon{width:66px;height:66px;border-radius:22px;display:grid;place-items:center;color:#fff;font-size:30px;background:linear-gradient(135deg,var(--blue),var(--violet))}
.mail{display:flex;align-items:center;gap:10px;overflow-wrap:anywhere;color:var(--blue);font-weight:950;background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.13);border-radius:18px;padding:14px}
.dark .mail{color:#fff;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.24)}
.cta{border-radius:36px;padding:42px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.footer{padding:52px 0 24px;border-top:1px solid var(--line);background:rgba(255,255,255,.55)}
.foot-grid{display:grid;grid-template-columns:1.5fr .7fr .9fr;gap:28px;align-items:start}
.footer a{display:block;margin:10px 0;color:var(--muted);font-weight:850}.copy{color:var(--muted);font-size:13px;padding-top:24px}
.page{padding:54px 0 84px}
.legal{max-width:910px;border-radius:34px;padding:40px}
.legal h1{font-size:clamp(38px,5vw,58px)}
.legal h2{font-size:25px;margin-top:32px}
.notice{padding:18px;border-radius:22px;background:#eef4ff;border:1px solid rgba(37,99,235,.14);color:var(--blue);font-weight:850}
.table{display:grid;gap:12px;margin:24px 0}
.row{display:grid;grid-template-columns:1fr 1.3fr;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.row b,.row span{padding:14px}.row b{background:#f9fbff}
.form label{display:block;font-weight:950;margin-bottom:14px}
input,textarea{width:100%;margin-top:8px;padding:15px 16px;border:1px solid var(--line);border-radius:18px;background:#f9fbff;color:var(--text);font:inherit;outline:none}
input:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(37,99,235,.10)}
.small{font-size:12px}
@media(max-width:860px){
  .menu{display:inline-flex}
  .links{display:none;position:absolute;top:72px;left:18px;right:18px;background:#fff;border-radius:24px;padding:16px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}
  .links.open,.links.always{display:flex}
  .grid,.split,.foot-grid{grid-template-columns:1fr}
  .cards{grid-template-columns:1fr}
  .row{grid-template-columns:1fr}
  .section{padding:56px 0}
  .cta{align-items:flex-start;flex-direction:column}
}