:root{--bg:#0b0e13;--surface-1:#171b22;--surface-2:#232834;--text:#f2f4f7;--text-2:#c9cfda;--text-muted:#9aa3b2;--accent:#c6f24e;--accent-ink:#0b0e13;--font-body:"Manrope", system-ui, sans-serif;--font-display:"Space Grotesk", "Manrope", system-ui, sans-serif;--radius-pill:999px}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.demo-banner{z-index:10;text-align:center;letter-spacing:.04em;text-transform:uppercase;background:var(--accent);color:var(--accent-ink);padding:6px 16px;font-size:12px;font-weight:700;position:sticky;top:0}._screen_4alen_1{flex-direction:column;justify-content:space-between;align-items:center;gap:32px;max-width:430px;min-height:calc(100dvh - 28px);margin:0 auto;padding:56px 36px 40px;display:flex}._brand_4alen_2{flex-direction:column;align-items:center;gap:12px;display:flex}._logo_4alen_3{background:var(--accent);width:60px;height:60px;color:var(--accent-ink);font-family:var(--font-display);border-radius:18px;place-items:center;font-size:30px;font-weight:700;display:grid}._title_4alen_4{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:24px;font-weight:600}._subtitle_4alen_5{color:var(--text-muted);margin:0;font-size:15px}._demoPin_4alen_6{border-radius:var(--radius-pill);color:var(--text-2);border:1px dashed #3a414d;margin:0;padding:6px 12px;font-size:13px;font-weight:600}._dots_4alen_7{gap:22px;display:flex}._dot_4alen_7{border:2px solid #3a414d;border-radius:50%;width:16px;height:16px}._keypad_4alen_9{grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;gap:18px 0;width:100%;display:grid}._key_4alen_9{background:var(--surface-1);width:76px;height:76px;color:var(--text);font-family:var(--font-display);border:none;border-radius:50%;place-items:center;font-size:28px;font-weight:500;transition:background .12s;display:grid}._key_4alen_9:active{background:var(--surface-2)}._ghost_4alen_12{color:var(--text-muted);background:0 0}