@keyframes login-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes login-glow-pulse{0%,to{opacity:.4}50%{opacity:.7}}@keyframes login-shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes login-spin{to{transform:rotate(360deg)}}.login-page{--login-navy: #091b34;--login-navy-light: #0d2444;--login-navy-card: #0f2a4a;--login-gold: #B69B59;--login-gold-hover: #c9a86a;--login-gold-subtle: rgba(182, 155, 89, .08);--login-gold-glow: rgba(182, 155, 89, .15);--login-border: rgba(255, 255, 255, .07);--login-text: #ffffff;--login-text-muted: rgba(255, 255, 255, .55);--login-text-soft: rgba(255, 255, 255, .75);position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--login-navy);overflow:hidden}.login-bg{position:absolute;inset:0;pointer-events:none}.login-bg-glow{position:absolute;width:600px;height:600px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,var(--login-gold-glow) 0%,transparent 70%);animation:login-glow-pulse 6s ease-in-out infinite}.login-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black 30%,transparent 70%)}.login-main{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%;max-width:420px;padding:2rem 1.5rem}.login-logo{margin-bottom:2.5rem}.login-logo .brand-logo-text{font-size:2rem}[data-login-reveal]{opacity:0}[data-login-reveal].login-revealed{animation:login-fade-up .6s cubic-bezier(.22,1,.36,1) forwards}.login-card{width:100%;background:var(--login-navy-light);border:1px solid var(--login-border);border-radius:16px;padding:2.5rem 2rem;box-shadow:0 4px 24px #0003,0 0 80px #b69b590a}.login-card-header{text-align:center;margin-bottom:2rem}.login-card-title{font-family:var(--font-display, "Playfair Display", serif);font-size:1.6rem;font-weight:700;color:var(--login-text);line-height:1.2;margin-bottom:.4rem}.login-card-subtitle{font-family:var(--font-body, "Lora", serif);font-size:.9rem;color:var(--login-text-muted);line-height:1.5}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-field{display:flex;flex-direction:column;gap:.5rem}.login-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.login-label{font-family:var(--font-ui, "Work Sans", sans-serif);font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--login-text-soft)}.login-forgot{font-family:var(--font-ui, "Work Sans", sans-serif);font-size:.78rem;color:var(--login-gold);text-decoration:none;transition:color .2s;white-space:nowrap}.login-forgot:hover{color:var(--login-gold-hover)}.login-input-wrap{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;left:.9rem;font-size:1.15rem;color:var(--login-text-muted);pointer-events:none;transition:color .2s}.login-input{width:100%;padding:.8rem .9rem .8rem 2.8rem;background:#ffffff0a;border:1px solid var(--login-border);border-radius:8px;color:var(--login-text);font-family:var(--font-ui, "Work Sans", sans-serif);font-size:.9rem;transition:border-color .2s,background .2s,box-shadow .2s}.login-input::placeholder{color:#ffffff40}.login-input:focus{outline:none;border-color:var(--login-gold);background:#ffffff0f;box-shadow:0 0 0 3px #b69b591a}.login-input:focus~.login-input-icon,.login-input:focus+.login-input-icon{color:var(--login-gold)}.login-input-wrap:focus-within .login-input-icon{color:var(--login-gold)}.login-toggle-pw{position:absolute;right:.6rem;display:flex;align-items:center;justify-content:center;padding:.3rem;background:none;border:none;cursor:pointer;color:var(--login-text-muted);border-radius:4px;transition:color .2s}.login-toggle-pw:hover{color:var(--login-text-soft)}.login-toggle-pw .material-symbols-outlined{font-size:1.15rem}.login-submit{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.85rem 1.5rem;margin-top:.5rem;background:var(--login-gold);color:#fff;font-family:var(--font-ui, "Work Sans", sans-serif);font-size:.9rem;font-weight:600;letter-spacing:.03em;border:none;border-radius:8px;cursor:pointer;transition:background .2s,transform .15s,box-shadow .2s}.login-submit:hover{background:var(--login-gold-hover);transform:translateY(-1px);box-shadow:0 4px 16px #b69b5940}.login-submit:active{transform:translateY(0)}.login-submit-arrow{font-size:1.1rem;transition:transform .2s}.login-submit:hover .login-submit-arrow{transform:translate(3px)}.login-submit--loading{pointer-events:none;opacity:.8}.login-submit--loading span{visibility:hidden}.login-submit--loading:after{content:"";position:absolute;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:login-spin .6s linear infinite}.login-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--login-border)}.login-divider span{font-family:var(--font-ui, "Work Sans", sans-serif);font-size:.78rem;color:var(--login-text-muted);text-transform:lowercase}.login-demo-link{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:.75rem 1rem;background:transparent;border:1px solid var(--login-border);border-radius:8px;color:var(--login-text-soft);font-family:var(--font-ui, "Work Sans", sans-serif);font-size:.85rem;text-decoration:none;transition:border-color .2s,color .2s,background .2s}.login-demo-link:hover{border-color:#b69b594d;color:var(--login-text);background:var(--login-gold-subtle)}.login-demo-link .material-symbols-outlined{font-size:1.1rem;color:var(--login-gold)}.login-demo-link strong{color:var(--login-gold);font-weight:600}.login-banner{display:flex;align-items:flex-start;gap:.6rem;margin-top:1.25rem;padding:.85rem 1rem;background:#b43c3c1f;border:1px solid rgba(180,60,60,.25);border-radius:8px;font-family:var(--font-ui, "Work Sans", sans-serif);font-size:.84rem;line-height:1.45;color:#e8a0a0;animation:login-fade-up .3s cubic-bezier(.22,1,.36,1)}.login-banner-icon{font-size:1.15rem;color:#d46b6b;flex-shrink:0;margin-top:1px}.login-footer{margin-top:2rem;font-family:var(--font-ui, "Work Sans", sans-serif);font-size:.75rem;color:var(--login-text-muted);text-align:center;letter-spacing:.01em}@media(max-width:480px){.login-main{padding:1.5rem 1.25rem}.login-logo{margin-bottom:2rem}.login-logo .brand-logo-text{font-size:1.7rem}.login-card{padding:2rem 1.5rem;border-radius:12px}.login-card-title{font-size:1.4rem}.login-bg-glow{width:400px;height:400px}}@media(max-width:374px){.login-main{padding:1.25rem 1rem}.login-card{padding:1.75rem 1.25rem}.login-label-row{flex-direction:column;gap:.25rem}}@media(min-height:800px){.login-logo{margin-bottom:3rem}.login-footer{margin-top:3rem}}