:root { --bg:#090b0d;--panel:#101418;--panel-soft:#151a1f;--stroke:#252c32;--text:#f2f5f3;--muted:#929d98;--accent:#77e0aa;--accent-ink:#07120d;--danger:#ff878b;font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
* { box-sizing:border-box; }
body { margin:0;min-height:100vh;background:var(--bg);color:var(--text); }
button,input { font:inherit; }
button { cursor:pointer; }
.hidden { display:none!important; }
.shell { display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);min-height:100vh; }
.delivery { display:flex;flex-direction:column;min-width:0;padding:clamp(28px,5vw,76px); }
.brand { display:flex;align-items:center;gap:14px;font-weight:760;letter-spacing:-.02em; }
.brand img { display:block; }
#entry-view,.status-view { margin:auto 0;max-width:760px;padding:72px 0; }
.eyebrow { color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.18em;margin:0 0 16px; }
h1 { font-size:clamp(42px,6vw,78px);letter-spacing:-.055em;line-height:.98;margin:0;max-width:900px; }
h2 { font-size:clamp(28px,3vw,44px);letter-spacing:-.04em;line-height:1.05;margin:0; }
.lead { color:var(--muted);font-size:clamp(16px,1.6vw,20px);margin:28px 0 38px;max-width:650px; }
form label { color:#c9d0cd;display:block;font-size:12px;font-weight:700;margin-bottom:9px; }
.key-row { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px; }
input { background:var(--panel);border:1px solid var(--stroke);border-radius:11px;color:var(--text);min-width:0;outline:none;padding:15px 17px; }
input:focus { border-color:var(--accent); }
input::placeholder { color:#59635e; }
button { background:var(--accent);border:0;border-radius:11px;color:var(--accent-ink);font-weight:800;padding:14px 24px; }
button:disabled { cursor:wait;opacity:.55; }
.error { color:var(--danger);min-height:24px;margin:9px 0 0; }
footer { border-top:1px solid var(--stroke);color:var(--muted);display:flex;flex-wrap:wrap;gap:22px;font-size:12px;padding-top:20px; }
footer span { align-items:center;display:flex;gap:8px; }
footer i { background:var(--accent);border-radius:50%;display:block;height:7px;width:7px; }
.trust { background:var(--panel);border-left:1px solid var(--stroke);display:flex;flex-direction:column;justify-content:space-between;padding:clamp(28px,4vw,60px); }
.trust-index { color:var(--muted);font:12px/1.2 "SFMono-Regular",Consolas,monospace; }
.trust h2 { font-size:clamp(30px,4vw,54px); }
.trust p:not(.eyebrow) { color:var(--muted);font-size:16px;max-width:440px; }
.rail { background:var(--stroke);height:1px;margin:40px 0 22px;width:100%; }
.rail span { background:var(--accent);display:block;height:1px;width:33%; }
.fineprint { font-size:12px!important; }
.status-view { max-width:650px; }
.status-mark { align-items:center;border:1px solid var(--stroke);border-radius:50%;display:flex;height:58px;justify-content:center;margin-bottom:28px;width:58px; }
.status-mark span { animation:pulse 1.4s ease-in-out infinite;background:var(--accent);border-radius:50%;height:13px;width:13px; }
.helper { margin-right:10px; }
.helper-download { color:var(--text);display:inline-block;margin-right:10px;padding:11px 4px;text-decoration-color:var(--stroke);text-underline-offset:4px; }
.quiet { background:transparent;border:1px solid var(--stroke);color:var(--text); }
@keyframes pulse { 0%,100% { opacity:.25;transform:scale(.75); } 50% { opacity:1;transform:scale(1); } }
@media (max-width:880px) { .shell { grid-template-columns:1fr; } .trust { border-left:0;border-top:1px solid var(--stroke);min-height:430px; } h1 { font-size:clamp(42px,12vw,68px); } }
@media (max-width:560px) { .delivery { padding:24px 18px; } #entry-view,.status-view { padding:64px 0; } .key-row { grid-template-columns:1fr; } .key-row button { width:100%; } footer { gap:12px; } }
@media (prefers-reduced-motion:reduce) { .status-mark span { animation:none; } }