:root{--n:#12355b;--g:#0ea572;--m:#64748b;--l:#dfe5ec}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:#f3f7fa;color:#0f172a}a{text-decoration:none;color:inherit}.top{background:white;border-bottom:1px solid var(--l)}.nav{max-width:1100px;margin:auto;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:20px;font-weight:950;color:var(--n)}.nav a:last-child{font-weight:800;color:var(--n)}.page{min-height:calc(100vh - 66px);display:grid;place-items:center;padding:30px 18px}.panel{background:white;border:1px solid var(--l);border-radius:10px;padding:24px;width:min(100%,480px);box-shadow:0 20px 60px #0f172a12}.panel.wide{width:min(100%,850px)}h1{margin:0;font-size:29px}p{color:var(--m);line-height:1.55}.form{display:grid;gap:12px;margin-top:20px}.form label{display:grid;gap:5px;font-size:13px;font-weight:900;color:#334155}.form input{border:1px solid #cbd5e1;border-radius:8px;padding:11px;font:inherit}.btn{border:0;border-radius:8px;padding:12px 15px;font:inherit;font-weight:900;cursor:pointer;display:inline-flex;justify-content:center;background:var(--n);color:white}.secondary{background:white;color:var(--n);border:1px solid #cbd5e1}.error{display:none;background:#fee2e2;color:#b91c1c;padding:10px;border-radius:8px}.account-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.card{border:1px solid var(--l);border-radius:8px;padding:17px}.card h2{font-size:19px;margin:0}.status{display:inline-block;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900;background:#ffedd5;color:#c2410c}.status.active{background:#dcfce7;color:#047857}.timer{font-size:35px;font-weight:950;color:var(--n);margin:8px 0}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.notice{border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a5f;border-radius:8px;padding:12px;margin-top:15px}.pricing{font-weight:900;color:var(--n)}@media(max-width:650px){.grid{grid-template-columns:1fr}.account-head{display:block}.account-head .btn{margin-top:10px;width:100%}.actions{display:grid}}