body.login-page-body{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-canvas,#09090b);font-family:var(--font-ui,sans-serif);color:var(--text-main,#f4f4f5);overflow-x:hidden}.login-wrapper{flex:1;display:flex;justify-content:center;align-items:center;padding:30px 16px;width:100%;max-width:1200px;margin:0 auto}.login-container{width:100%;max-width:420px;padding:36px 30px;background-color:#121214;border:1px solid var(--border-color,#27272a);border-radius:var(--radius-lg,16px);text-align:center;animation:loginFadeIn 0.25s ease;transition:border-color 0.2s ease}.login-container:hover{border-color:#3f3f46}@keyframes loginFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.login-badge{display:inline-block;background-color:#18181b;color:#a1a1aa;border:1px solid #27272a;padding:4px 12px;border-radius:var(--radius-full,9999px);font-size:0.75rem;font-weight:600;letter-spacing:0.5px;text-transform:uppercase;margin-bottom:12px}.login-container h1{font-family:var(--font-heading,"Outfit",sans-serif);font-size:clamp(1.6rem,3.5vw,2rem);font-weight:800;color:#ffffff;margin:0 0 8px 0;letter-spacing:-0.02em}.login-subtitle{font-family:var(--font-body,sans-serif);font-size:0.88rem;color:var(--text-secondary,#a1a1aa);line-height:1.5;margin:0 0 24px 0}.login-form{display:flex;flex-direction:column;gap:16px;text-align:left}.login-alert{padding:10px 14px;border-radius:var(--radius-sm,6px);font-size:0.85rem;font-weight:500;display:none;line-height:1.4;text-align:center;font-family:var(--font-ui,sans-serif)}.login-alert.error{display:block;background-color:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.35);color:#f87171}.login-alert.success{display:block;background-color:rgba(34,197,94,0.1);border:1px solid rgba(34,197,94,0.35);color:#4ade80}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{font-size:0.85rem;font-weight:600;color:#e4e4e7;font-family:var(--font-ui,sans-serif)}.input-group input{width:100%;padding:11px 14px;border:1px solid #27272a;border-radius:var(--radius-md,10px);outline:none;background-color:#09090b;color:#ffffff;font-family:var(--font-ui,sans-serif);font-size:0.92rem;transition:border-color var(--transition-fast,0.15s)}.input-group input:focus{border-color:#ffffff}.input-group input::placeholder{color:#52525b;font-size:0.85rem}.btn-login-submit{width:100%;padding:12px;margin-top:6px;border:1px solid #ffffff;border-radius:var(--radius-md,10px);background-color:#ffffff;color:#000000;font-family:var(--font-ui,sans-serif);font-size:0.95rem;font-weight:600;cursor:pointer;transition:background-color var(--transition-fast,0.15s),transform var(--transition-fast,0.15s)}.btn-login-submit:hover{background-color:#e4e4e7;transform:translateY(-1px)}.btn-login-submit:disabled{opacity:0.5;cursor:not-allowed;transform:none}@media (max-width:480px){.login-container{padding:24px 18px;border-radius:var(--radius-md,12px)}}