:root{--navy: #0A1628;--navy2: #111f3a;--teal: #00C8C8;--teal2: #00A8A8;--amber: #E8935A;--white: #101828;--muted: #64748B;--card: #FFFFFF;--line: #E2E8F0;--teal-line: rgba(0,200,200,.28);--danger: #DC2626;--success:#15803D}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:#f7fafc;color:var(--white)}h1,h2,h3,.display{font-family:Space Grotesk,sans-serif;letter-spacing:-.02em}.app{min-height:100vh;max-width:480px;margin:0 auto;background:#fff}.btn{width:100%;padding:.85rem;border-radius:12px;border:none;font-size:.95rem;font-weight:500;cursor:pointer}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--teal);color:var(--navy)}.btn-primary:hover{background:var(--teal2)}.btn-ghost{background:transparent;color:var(--teal2);border:none;font-size:.85rem}input{width:100%;padding:.7rem .8rem;border-radius:10px;border:1px solid var(--line);font-size:.95rem;background:#fff;color:var(--white)}input::placeholder{color:#94a3b8}input:focus{outline:2px solid var(--teal-line);border-color:var(--teal)}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#f7fafc}.auth-card{width:100%;max-width:340px}.auth-logo{width:52px;height:52px;border-radius:14px;background:var(--teal2);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#fff;font-size:22px}.auth-avatar{width:56px;height:56px;border-radius:50%;background:#e1f5ee;display:flex;align-items:center;justify-content:center;margin:0 auto .6rem;color:#085041;font-size:20px;font-weight:500}.pin-dots{display:flex;justify-content:center;gap:12px;margin:1.4rem 0}.pin-dot{width:13px;height:13px;border-radius:50%;border:1.5px solid var(--teal2);background:transparent}.pin-dot.filled{background:var(--teal2)}.pin-dot.error{border-color:var(--danger);background:var(--danger)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:.5rem}.keypad-btn{aspect-ratio:1;border-radius:14px;border:none;background:#f7fafc;font-size:1.2rem;color:var(--white);cursor:pointer}.keypad-btn:active{background:#e2e8f0}.keypad-btn.empty{background:transparent;cursor:default}.keypad-btn.backspace{background:transparent;color:#94a3b8;font-size:1.1rem}