:root{font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#e9edef;background-color:#111b21;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{display:flex;place-items:center;justify-content:center;min-width:320px;min-height:100vh}.container{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;padding:1rem}.card{background:#1f2c33;border-radius:12px;padding:2.5rem 2rem;width:100%;max-width:420px;text-align:center;box-shadow:0 4px 24px #0000004d}.brand{font-size:2rem;font-weight:700;color:#e9edef;margin-bottom:0}.brand-os{color:#00a884}.subtitle{color:#8696a0;font-size:.95rem;margin-bottom:2rem}.login-form{display:flex;flex-direction:column;gap:.75rem}.login-form input{padding:.75rem 1rem;border-radius:8px;border:1px solid #2a3942;background:#111b21;color:#e9edef;font-size:.95rem;outline:none;transition:border-color .2s}.login-form input:focus{border-color:#00a884}.login-form input::placeholder{color:#8696a0}button{padding:.75rem 1.5rem;border-radius:8px;border:none;background:#00a884;color:#111b21;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s}button:hover{background:#06cf9c}button:disabled{opacity:.5;cursor:not-allowed}.error{color:#ef4444;font-size:.85rem}.error-box{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin:1rem 0}.error-box p{color:#ef4444;font-size:.9rem}.qr-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.qr-wrapper{background:#fff;border-radius:12px;padding:16px;line-height:0}.status{display:inline-block;padding:.3rem .8rem;border-radius:999px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-ok{background:#00a88422;color:#00a884}.status-waiting{background:#f59e0b22;color:#f59e0b}.status-timeout,.status-error{background:#ef444422;color:#ef4444}.expire{font-size:.8rem;color:#8696a0}.spinner{width:40px;height:40px;border:3px solid #2a3942;border-top-color:#00a884;border-radius:50%;animation:spin .8s linear infinite;margin:2rem auto}@keyframes spin{to{transform:rotate(360deg)}}