.login-page{background-color:var(--color-bg-base,#0a0a0a);min-height:100vh;padding:var(--spacing-lg,24px);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-bg-glow{pointer-events:none;background:radial-gradient(circle,#bf5b4314 0%,#bf5b4308 40%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:8s ease-in-out infinite alternate login-glow-pulse;position:absolute;top:-30%;right:-10%}@keyframes login-glow-pulse{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.15)}}.login-bg-grid{pointer-events:none;background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0}.login-container{background:var(--color-bg-surface,#111);border:1px solid var(--color-border-default,#2a2a2a);border-radius:var(--radius-lg,20px);z-index:1;width:100%;max-width:900px;min-height:540px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff08,0 20px 60px #00000080,0 0 80px #bf5b430f}.login-branding{background:linear-gradient(165deg, #bf5b431f 0%, #0a0a0af2 50%, #bf5b430f 100%), var(--color-bg-base,#0a0a0a);border-right:1px solid var(--color-border-default,#2a2a2a);flex:0 0 380px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-branding:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 20% 80%,#bf5b4314 0%,#0000 50%),radial-gradient(circle at 80% 20%,#bf5b430d 0%,#0000 50%);position:absolute;inset:0}.login-branding-content{text-align:center;padding:var(--spacing-2xl,48px) var(--spacing-xl,32px);position:relative}.login-branding-logo{margin-bottom:var(--spacing-lg,24px)}.login-logo-img{filter:drop-shadow(0 2px 12px #bf5b4326);width:180px;height:auto}.login-branding-tagline{font-family:var(--font-family-heading,"Questrial", sans-serif);font-size:var(--font-size-md,16px);color:var(--color-brand-accent,#bf5b43);letter-spacing:.2em;text-transform:uppercase;margin:0}.login-branding-divider{background:linear-gradient(to right, transparent, var(--color-brand-accent,#bf5b43), transparent);width:48px;height:1px;margin:var(--spacing-lg,24px) auto}.login-branding-desc{font-family:var(--font-family-display,"Cormorant Garamond", serif);font-size:var(--font-size-base,14px);color:var(--color-text-muted,#666);line-height:var(--line-height-relaxed,1.7);letter-spacing:.05em;margin:0;font-style:italic}.login-mobile-logo{text-align:center;margin-bottom:var(--spacing-lg,24px);display:none}.login-logo-img-sm{filter:drop-shadow(0 2px 8px #bf5b4326);width:120px;height:auto}.login-card{padding:var(--spacing-2xl,48px) var(--spacing-xl,32px);flex-direction:column;flex:1;justify-content:center;display:flex}.login-card-header{margin-bottom:var(--spacing-xl,32px)}.login-card-title{font-family:var(--font-family-heading,"Questrial", sans-serif);font-size:var(--font-size-2xl,24px);font-weight:var(--font-weight-regular,400);color:var(--color-text-primary,#f5f5f5);margin:0 0 var(--spacing-xs,4px);letter-spacing:-.01em}.login-card-subtitle{font-size:var(--font-size-sm,12px);color:var(--color-text-muted,#666);margin:0}.login-form{gap:var(--spacing-md,16px);flex-direction:column;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-label{font-size:var(--font-size-sm,12px);font-weight:var(--font-weight-medium,500);color:var(--color-text-secondary,#999);letter-spacing:.03em}.login-input-wrapper{align-items:center;display:flex;position:relative}.login-input-icon{width:16px;height:16px;color:var(--color-text-dim,#555);pointer-events:none;transition:color var(--transition-fast,.15s);position:absolute;left:14px}.login-input-wrapper:focus-within .login-input-icon{color:var(--color-brand-accent,#bf5b43)}.login-input{background:var(--color-bg-base,#0a0a0a);border:1px solid var(--color-border-default,#2a2a2a);border-radius:var(--radius-md,12px);width:100%;color:var(--color-text-primary,#f5f5f5);font-size:var(--font-size-base,14px);font-family:var(--font-family-body,"Noto Sans", sans-serif);transition:border-color var(--transition-fast,.15s), box-shadow var(--transition-fast,.15s);outline:none;padding:12px 14px 12px 42px}.login-input::placeholder{color:var(--color-text-dim,#555)}.login-input:focus{border-color:var(--color-brand-accent,#bf5b43);box-shadow:0 0 0 3px #bf5b431a}.login-toggle-password{border-radius:var(--radius-sm,6px);width:32px;height:32px;color:var(--color-text-dim,#555);cursor:pointer;transition:color var(--transition-fast,.15s);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:10px}.login-toggle-password:hover{color:var(--color-text-secondary,#999)}.login-error{border-radius:var(--radius-md,12px);font-size:var(--font-size-sm,12px);color:var(--color-brand-accent-light,#d4705a);background:#8a3a2e1a;border:1px solid #8a3a2e40;align-items:center;gap:8px;padding:10px 14px;animation:.3s ease-out login-error-in;display:flex}@keyframes login-error-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.login-button{width:100%;height:46px;margin-top:var(--spacing-sm,8px);background:linear-gradient(135deg, var(--color-brand-accent-dark,#7a3225) 0%, var(--color-brand-accent,#bf5b43) 50%, var(--color-brand-accent-dark,#7a3225) 100%);color:#fff;font-size:var(--font-size-base,14px);font-weight:var(--font-weight-semibold,600);letter-spacing:.04em;border-radius:var(--radius-md,12px);cursor:pointer;transition:background-position .4s ease, box-shadow var(--transition-fast,.15s), opacity var(--transition-fast,.15s);background-size:200% 200%;border:none}.login-button:hover:not(:disabled){background-position:100% 100%;box-shadow:0 4px 20px #bf5b434d}.login-button:active:not(:disabled){transform:translateY(1px)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-button-loading{justify-content:center;align-items:center;gap:8px;display:flex}.login-spinner{border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite login-spin;display:inline-block}@keyframes login-spin{to{transform:rotate(360deg)}}.login-footer{margin-top:var(--spacing-xl,32px);font-size:var(--font-size-xs,10px);color:var(--color-text-dim,#555);text-align:center;animation:.7s ease-out .6s both login-reveal}.login-loading{padding:var(--spacing-xl,32px);color:var(--color-text-muted,#666);font-size:var(--font-size-sm,12px);justify-content:center;align-items:center;gap:8px;display:flex}@keyframes login-reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes login-scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes login-branding-reveal{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.login-container{animation:.5s ease-out both login-scale-in}.login-branding-content{animation:.6s ease-out .2s both login-branding-reveal}.login-card-header{animation:.5s ease-out .15s both login-reveal}.login-form .login-field:first-child{animation:.5s ease-out .25s both login-reveal}.login-form .login-field:nth-child(2){animation:.5s ease-out .35s both login-reveal}.login-button{animation:.5s ease-out .45s both login-reveal}.login-mobile-logo{animation:.5s ease-out 50ms both login-reveal}@media (max-width:768px){.login-page{padding:var(--spacing-md,16px);align-items:flex-start;padding-top:10vh}.login-container{border-radius:var(--radius-md,12px);flex-direction:column;max-width:420px;min-height:auto}.login-branding{display:none}.login-mobile-logo{display:block}.login-card{padding:var(--spacing-xl,32px) var(--spacing-lg,24px)}.login-card-title,.login-card-subtitle{text-align:center}}@media (max-width:400px){.login-card{padding:var(--spacing-lg,24px) var(--spacing-md,16px)}.login-logo-img-sm{width:100px}}