:root{font-family:Inter,system-ui,sans-serif;color:#172337;background:#f5f7fb}*{box-sizing:border-box}html,body{margin:0;min-width:0}#root{display:grid;place-items:center;width:100%;min-height:100vh;min-height:100dvh;padding:1rem}.card{width:min(100%,420px);min-width:0;min-height:min(420px,calc(100dvh - 2rem));display:flex;flex-direction:column;justify-content:center;background:#fff;padding:2rem;border-radius:16px;box-shadow:0 12px 40px #19345516}h1{font-size:1.5rem;margin:0 0 1.5rem;overflow-wrap:anywhere}form{display:grid;gap:1rem;min-width:0}label{display:grid;gap:.4rem;min-width:0;font-size:.9rem;font-weight:600;overflow-wrap:anywhere}input{font-size:16px;padding:.75rem;border:1px solid #aeb8c8;border-radius:8px;width:100%}button{font:inherit;background:#173f85;color:#fff;border:0;border-radius:8px;padding:.8rem 1rem;cursor:pointer}button:hover{background:#0d2f6b}.issuing{display:flex;align-items:center;gap:.75rem}.spinner{width:1.25rem;height:1.25rem;flex:none;border:3px solid #c5d5ee;border-top-color:#173f85;border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}