*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f7fb;color:#0f172a}#app{min-height:100vh} .wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:100%;max-width:440px;background:#fff;border-radius:20px;padding:28px;box-shadow:0 12px 30px rgba(0,0,0,.08)}h1{margin:0 0 8px;font-size:28px}p{margin:0 0 16px;line-height:1.7;color:#475569}label{display:block;font-size:14px;margin:12px 0 6px}input,button{width:100%;border-radius:12px;font-size:16px}input{border:1px solid #cbd5e1;padding:12px;background:#fff}button{border:0;padding:12px 16px;margin-top:14px;background:#2563eb;color:#fff;font-weight:700;cursor:pointer}button.secondary{background:#0f172a}.hidden{display:none}.row{display:grid;gap:12px}.msg{margin-top:12px;padding:12px;border-radius:12px;background:#eff6ff;color:#1d4ed8}.error{background:#fef2f2;color:#b91c1c}.small{font-size:13px;color:#64748b}.qr{width:220px;height:220px;background:#e2e8f0;border-radius:16px;display:grid;place-items:center;margin:16px auto}