body{margin:0;height:100vh;overflow:hidden;font-family:Arial,sans-serif;background:linear-gradient(135deg,#0f172a,#0ea5e9)}.login-wrapper{display:flex;height:100vh}.login-left{flex:1;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:80px}.brand{display:flex;align-items:center;gap:18px;margin-bottom:40px}.brand-icon{width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,#38bdf8,#0ea5e9);display:flex;align-items:center;justify-content:center;font-size:42px}.brand-title{font-size:52px;font-weight:700}.catch-title{font-size:48px;font-weight:700;line-height:1.3;margin-bottom:24px}.catch-sub{font-size:20px;color:#dbeafe;line-height:1.8}.login-right{width:520px;background:#fff;display:flex;align-items:center;justify-content:center;padding:50px;height:100vh;overflow-y:auto}.login-card{width:100%}.login-title{font-size:38px;font-weight:700;color:#0f172a;margin-bottom:10px}.login-sub{color:#64748b;margin-bottom:40px}.form-label{font-weight:700;color:#334155}.form-control{height:52px;border-radius:12px;border:1px solid #cbd5e1}.form-control:focus{border-color:#0ea5e9;box-shadow:0 0 0 .2rem #0ea5e933}.pw-wrap{position:relative}.pw-wrap .form-control{padding-right:48px}.pw-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);border:none;background:none;color:#94a3b8;font-size:20px;cursor:pointer;padding:0}.pw-toggle:hover{color:#0ea5e9}.btn-login{height:54px;border-radius:12px;border:none;background:#0ea5e9;color:#fff;font-size:18px;font-weight:700;transition:.2s;display:flex;align-items:center;justify-content:center;text-decoration:none}.btn-login:hover{background:#0284c7;color:#fff}.btn-login:disabled{background:#7dd3fc;cursor:not-allowed}.alert-login{border-radius:12px;font-size:14px;display:none}.option-row{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.forgot{text-decoration:none;color:#0ea5e9}.forgot:hover{text-decoration:underline}button.forgot{background:none;border:none;padding:0;font:inherit;cursor:pointer}.back-link{display:inline-flex;align-items:center;font-size:14px}.qr-box{display:flex;justify-content:center;align-items:center;border:1px solid #e2e8f0;border-radius:16px;padding:24px;background:#f8fafc}.qr-box svg{max-width:220px;height:auto}.notice-box{background:#fffbeb;border:1px solid #fbbf24;color:#92400e;border-radius:12px;padding:14px 16px;font-size:14px;line-height:1.7;margin-bottom:20px}.recovery-box{border:1px solid #e2e8f0;border-radius:12px;padding:20px;background:#f8fafc}.recovery-codes-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.recovery-code-item{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:15px;letter-spacing:.5px;text-align:center;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px 4px;color:#0f172a}.footer{margin-top:40px;text-align:center;color:#94a3b8;font-size:14px}@media(max-width:992px){.login-left{display:none}.login-right{width:100%}}.login-wrapper.theme-test{background:linear-gradient(135deg,#4b5563,#9ca3af)}.theme-test .brand-icon{background:linear-gradient(135deg,#9ca3af,#6b7280)}.theme-test .btn-login{background:#6b7280}.theme-test .btn-login:hover{background:#4b5563}.theme-test .forgot{color:#6b7280}.test-badge{display:inline-block;vertical-align:middle;margin-left:10px;padding:3px 10px;border-radius:999px;background:#e5e7eb;color:#4b5563;font-size:12px;font-weight:700;letter-spacing:.05em}