:root{--bg:#f6f7fb;--panel:#ffffff;--text:#111827;--muted:#667085;--line:#e5e7eb;--brand:#2563eb;--brand2:#06b6d4;--ok:#16a34a;--shadow:0 20px 60px rgba(15,23,42,.08)}:root[data-theme=dark]{--bg:#070b13;--panel:#0f172a;--text:#f8fafc;--muted:#94a3b8;--line:#1e293b;--brand:#60a5fa;--brand2:#22d3ee;--shadow:0 20px 60px rgba(0,0,0,.35)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,rgba(37,99,235,.18),transparent 35%),var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}.nav{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:color-mix(in srgb,var(--bg) 78%,transparent);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:14px clamp(16px,5vw,64px);gap:18px}.brand{display:flex;align-items:center;gap:10px;cursor:pointer}.logo{display:grid;place-items:center;width:36px;height:36px;border-radius:14px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;font-weight:900}nav{display:flex;gap:6px;flex-wrap:wrap}nav button,.actions button,.link{background:transparent;color:var(--muted);border:0;padding:8px 10px;border-radius:12px}nav button:hover,.actions button:hover{background:color-mix(in srgb,var(--panel) 70%,transparent);color:var(--text)}.actions{display:flex;gap:8px;align-items:center}.icon,.pill{display:flex;align-items:center;gap:6px}.pill{border:1px solid var(--line)!important;color:var(--text)!important;background:var(--panel)!important}main{width:min(1180px,calc(100% - 28px));margin:0 auto;padding:34px 0}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center;min-height:560px}.badge{display:inline-flex;gap:8px;align-items:center;color:var(--brand2);border:1px solid color-mix(in srgb,var(--brand2) 35%,var(--line));background:color-mix(in srgb,var(--brand2) 10%,transparent);padding:8px 12px;border-radius:999px}.hero h1,.page-title h1{font-size:clamp(38px,6vw,72px);letter-spacing:-.06em;line-height:.95;margin:20px 0}.hero p,.page-title p,p{color:var(--muted);line-height:1.7}.hero-actions,.row{display:flex;gap:12px;flex-wrap:wrap}.primary,.secondary{border:0;border-radius:16px;padding:12px 18px;font-weight:800}.primary{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff}.secondary{background:var(--panel);border:1px solid var(--line);color:var(--text)}.legal{font-size:13px;max-width:660px}.card{background:color-mix(in srgb,var(--panel) 94%,transparent);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:22px}.hero-card{min-height:420px;display:grid;place-items:center}.phone-ui{width:min(360px,100%);border:1px solid var(--line);border-radius:30px;padding:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 90%,transparent),color-mix(in srgb,var(--panel) 65%,transparent))}.phone-top{display:flex;gap:10px;align-items:center;font-weight:800}.otp-box{margin:18px 0;padding:24px;border-radius:22px;background:linear-gradient(135deg,#2563eb2e,#22d3ee29);font-size:24px}.mini-list{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:12px 0}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:22px 0}.infoicon{width:42px;height:42px;border-radius:14px;background:color-mix(in srgb,var(--brand) 14%,transparent);display:grid;place-items:center;color:var(--brand)}.ticker{display:flex;gap:12px;overflow:auto;padding:8px 0}.ticker span{white-space:nowrap;background:color-mix(in srgb,var(--brand) 10%,transparent);border:1px solid var(--line);padding:10px 14px;border-radius:999px}.page-title{text-align:center;padding:50px 0 22px}.page-title h1{font-size:clamp(34px,5vw,58px)}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--line);padding:13px 10px;vertical-align:top}th{color:var(--muted);font-size:13px}input,select{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:14px;padding:12px 14px;margin:8px 0}label{display:block;color:var(--muted);font-size:13px;margin:10px 0}.auth{max-width:440px;margin:50px auto}.msg{color:var(--brand2)}.muted,small{color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}.step{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:18px}.step b{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff}footer{text-align:center;color:var(--muted);padding:30px}@media(max-width:880px){.hero,.grid2,.grid3,.steps{grid-template-columns:1fr}.nav{align-items:flex-start;flex-direction:column}nav{order:3}.actions{width:100%;justify-content:space-between}.hero{min-height:auto}.hero h1{font-size:44px}main{padding-top:18px}.card{padding:18px}table{font-size:14px}}