.login-page{min-height:100vh;padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-loader{justify-content:center;align-items:center;display:flex}.login-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.login-bg__orb{filter:blur(100px);opacity:.4;border-radius:50%;position:absolute}.login-bg__orb--1{background:radial-gradient(circle,#c9a84c26,#0000 70%);width:500px;height:500px;animation:8s ease-in-out infinite float;top:-150px;right:-100px}.login-bg__orb--2{background:radial-gradient(circle,#60a5fa14,#0000 70%);width:400px;height:400px;animation:10s ease-in-out infinite reverse float;bottom:-120px;left:-80px}.login-bg__orb--3{background:radial-gradient(circle,#c9a84c14,#0000 70%);width:300px;height:300px;animation:12s ease-in-out infinite float;top:40%;left:50%;transform:translate(-50%)}.login-bg__grid{background-image:linear-gradient(#c9a84c08 1px,#0000 1px),linear-gradient(90deg,#c9a84c08 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 70%);mask-image:radial-gradient(circle,#000 0%,#0000 70%)}.login-card{z-index:1;width:100%;max-width:440px;padding:var(--space-10);border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(24px);border:1px solid var(--color-border-default);box-shadow:var(--shadow-xl), 0 0 80px #c9a84c0f, inset 0 1px 0 #ffffff0a;background:#141b32a6;position:relative}.login-logo{margin-bottom:var(--space-8);flex-direction:column;align-items:center;display:flex}.login-logo__mark{border-radius:var(--radius-xl);width:72px;height:72px;box-shadow:var(--shadow-glow-strong);margin-bottom:var(--space-5);background:linear-gradient(135deg,#c9a84c2e,#c9a84c0d);border:1px solid #c9a84c4d;justify-content:center;align-items:center;display:flex}.login-logo__text{font-family:var(--font-mono);font-size:var(--text-2xl);letter-spacing:.06em;font-weight:700}.login-logo__title{font-size:var(--text-2xl);color:var(--color-text-primary);margin-bottom:var(--space-1);letter-spacing:-.01em;font-weight:800}.login-logo__subtitle{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.12em;text-align:center}.login-form{gap:var(--space-5);flex-direction:column;display:flex}.login-field{gap:var(--space-2);flex-direction:column;display:flex}.login-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.login-input{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-bg-elevated);color:var(--color-text-primary);font-size:var(--text-sm);font-family:var(--font-sans);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);outline:none}.login-input:focus{border-color:var(--color-border-accent);box-shadow:var(--shadow-glow), 0 0 0 3px #c9a84c14;background:var(--color-bg-surface)}.login-input:disabled{opacity:.6;cursor:not-allowed}.login-input::placeholder{color:var(--color-text-muted)}.login-input-wrapper{position:relative}.login-input--has-action{padding-right:calc(var(--space-4) + 28px)}.login-eye-btn{right:var(--space-3);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.login-eye-btn:hover{color:var(--color-text-secondary)}.login-error{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--color-status-error);font-size:var(--text-sm);background:#f8717114;border:1px solid #f8717133;font-weight:500;display:flex}.login-submit{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-accent-gold-dim), var(--color-accent-gold), var(--color-accent-gold-bright));color:var(--color-text-inverse);font-size:var(--text-sm);font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:opacity var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);box-shadow:var(--shadow-md), 0 4px 20px #c9a84c33;margin-top:var(--space-1);border:none;display:flex}.login-submit:hover:not(:disabled){box-shadow:var(--shadow-lg), 0 6px 28px #c9a84c4d;transform:translateY(-1px)}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.7;cursor:not-allowed}.login-spinner{color:var(--color-accent-gold);animation:.8s linear infinite spin}.login-submit .login-spinner{color:var(--color-text-inverse)}@keyframes spin{to{transform:rotate(360deg)}}.login-dev-hint{margin-top:var(--space-6);padding:var(--space-4);border-radius:var(--radius-md);background:#60a5fa0f;border:1px solid #60a5fa26}.login-dev-hint__title{font-size:var(--text-xs);color:var(--color-status-info);margin-bottom:var(--space-3);font-weight:600}.login-dev-hint__row{justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.login-dev-hint__row:last-child{margin-bottom:0}.login-dev-hint__row code{font-family:var(--font-mono);color:var(--color-text-secondary);border-radius:var(--radius-sm);background:var(--color-bg-elevated);padding:2px 6px;font-size:11px}.login-footer{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;margin-top:var(--space-8)}