.login-page{--page-bg:#0d0d0d;min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--page-bg);color:#ffffff}.login-page *{box-sizing:border-box}.login-card{width:100%;max-width:340px;background:#1a1a19;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:32px 28px;box-shadow:0 12px 40px rgba(0,0,0,.35)}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:24px}.login-brand img{width:34px;height:34px;border-radius:7px;background:#fff;object-fit:contain;padding:3px}.login-brand-title{font-size:14px;font-weight:600}.login-brand-sub{font-size:11px;color:#9aa0a6}.login-card h1{font-size:16px;font-weight:600;margin:0 0 18px}.login-card label{display:block;font-size:12px;color:#c3c2b7;margin-bottom:6px}.login-card input{width:100%;padding:10px 12px;margin-bottom:16px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:#0d0d0d;color:#fff;font-size:13.5px}.login-card input#code{letter-spacing:3px;text-align:center;font-size:18px}.login-card input:focus{outline:none;border-color:#3987e5}.login-card button{width:100%;padding:11px;border-radius:8px;border:none;background:#2a78d6;color:#fff;font-size:13.5px;font-weight:600;cursor:pointer}.login-card button:hover{background:#3987e5}.login-card button:disabled{opacity:.6;cursor:default}.login-link-btn{width:100%;background:none!important;color:#9aa0a6;font-weight:500;margin-top:12px;padding:4px}.login-link-btn:hover{background:none!important;color:#cfd2d6;text-decoration:underline}.login-hint{font-size:12.5px;color:#9aa0a6;margin:-6px 0 16px;line-height:1.4}.login-error{background:rgba(214,55,55,.14);border:1px solid rgba(214,55,55,.4);color:#e66767;font-size:12.5px;padding:8px 10px;border-radius:6px;margin-bottom:16px}