:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#101828;--muted:#667085;--line:#e4e7ec;--surface:#fff;--canvas:#f4f6f8;--accent:#16754b;--accent-dark:#0f5c3a;--accent-soft:#eaf8f1;--danger:#b42318;--danger-soft:#fef3f2;--warning:#b54708;--warning-soft:#fffaeb;--shadow:0 24px 64px #1018281f}*{box-sizing:border-box}html{background:var(--canvas);min-height:100%}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 10% 0%, #16754b17, transparent 34%), radial-gradient(circle at 100% 100%, #2f54eb12, transparent 32%), var(--canvas);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.pageShell{place-items:center;min-height:100vh;padding:24px 16px;display:grid}.activationCard,.statusCard{width:min(100%,520px);box-shadow:var(--shadow);background:#fffffff7;border:1px solid #e4e7eceb;border-radius:24px;overflow:hidden}.activationCard{padding:28px}.cardHeader,.brand{align-items:center;display:flex}.cardHeader{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding-bottom:24px}.brand{color:#15231d;letter-spacing:-.01em;gap:10px;font-size:15px;font-weight:750}.brandMark{color:#fff;background:linear-gradient(145deg,#1b8b5c,#0f5c3a);border-radius:10px;place-items:center;width:32px;height:32px;font-size:15px;font-weight:850;display:grid;box-shadow:0 6px 16px #16754b40}.plateCode{color:#344054;border:1px solid var(--line);letter-spacing:.04em;white-space:nowrap;background:#f9fafb;border-radius:999px;align-items:center;min-height:30px;padding:6px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:700;display:inline-flex}.intro{padding:30px 0 26px}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:9px;font-size:12px;font-weight:800;display:block}h1,p{margin-top:0}h1{color:var(--ink);letter-spacing:-.035em;margin-bottom:12px;font-size:clamp(28px,6vw,36px);line-height:1.08}p{color:var(--muted);margin-bottom:0;font-size:15px;line-height:1.65}form{gap:20px;display:grid}.fieldGroup{gap:8px;display:grid}label{color:#344054;font-size:14px;font-weight:700}input{width:100%;min-height:52px;color:var(--ink);background:#fff;border:1px solid #d0d5dd;border-radius:12px;outline:none;padding:13px 14px;transition:border-color .16s,box-shadow .16s}input::placeholder{color:#98a2b3}input:focus{border-color:#35a574;box-shadow:0 0 0 4px #16754b1f}input:disabled{color:#667085;background:#f2f4f7}.fieldHint{color:#667085;font-size:12px;line-height:1.5}button{color:#fff;background:linear-gradient(180deg, #198357, var(--accent));cursor:pointer;border:0;border-radius:12px;min-height:54px;margin-top:4px;padding:14px 20px;font-weight:800;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 9px 20px #16754b38}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 24px #16754b47}button:active:not(:disabled){transform:translateY(0)}button:disabled{cursor:wait;opacity:.72}.formMessage{border-radius:10px;padding:12px 14px;font-size:13px;font-weight:650;line-height:1.45}.formMessage.error{color:var(--danger);background:var(--danger-soft);border:1px solid #fecdca}.formMessage.success{color:var(--accent-dark);background:var(--accent-soft);border:1px solid #abefc6}.cardFooter{color:#667085;border-top:1px solid var(--line);justify-content:center;align-items:center;gap:7px;margin-top:26px;padding-top:22px;font-size:12px;display:flex}.securityDot{background:#17b26a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #dcfae6}.statusCard{text-align:center;padding:30px}.statusCard .brand{justify-content:center;margin-bottom:30px}.statusIcon{width:62px;height:62px;color:var(--accent-dark);background:var(--accent-soft);border-radius:20px;place-items:center;margin:0 auto 22px;font-size:28px;font-weight:850;display:grid}.statusIcon.danger{color:var(--danger);background:var(--danger-soft)}.statusIcon.warning{color:var(--warning);background:var(--warning-soft)}.statusCard h1{font-size:clamp(26px,6vw,34px)}.statusCard p{max-width:390px;margin:0 auto}.statusCard .plateCode{margin-top:22px}@media (max-width:560px){.pageShell{align-items:start;padding:0}.activationCard,.statusCard{min-height:100vh;box-shadow:none;border:0;border-radius:0;padding:22px 20px}.cardHeader{padding-bottom:20px}.intro{padding:28px 0 24px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}