.login-page-wrapper{background-color:#f8fafc;justify-content:center;align-items:center;width:100vw;min-height:100vh;font-family:Inter,system-ui,sans-serif;display:flex;position:relative;overflow:hidden}.login-page-wrapper:before,.login-page-wrapper:after{content:"";filter:blur(120px);z-index:0;border-radius:50%;width:600px;height:600px;animation:20s ease-in-out infinite alternate float;position:absolute}.login-page-wrapper:before{background:#7c3aed1a;top:-200px;left:-200px}.login-page-wrapper:after{background:#6366f11a;animation-delay:-10s;bottom:-200px;right:-200px}@keyframes float{0%{transform:translate(0)}to{transform:translate(100px,50px)}}.login-glass-panel{z-index:10;-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #fff9;border-radius:24px;width:100%;max-width:440px;padding:3rem;animation:.6s cubic-bezier(.16,1,.3,1) slideUpFade;position:relative;box-shadow:0 10px 40px -10px #00000014,0 4px 6px -2px #0000000a}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:2.5rem}.login-logo{color:#fff;background:#7c3aed;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1.5rem;display:inline-flex;box-shadow:0 8px 20px -6px #7c3aed80}.login-title{color:#0f172a;letter-spacing:-.025em;margin:0 0 .5rem;font-size:1.875rem;font-weight:700}.login-subtitle{color:#64748b;margin:0;font-size:.9375rem}.login-form .input-group{text-align:left;margin-bottom:1.5rem}.login-form label{color:#334155;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.login-input-wrapper{align-items:center;display:flex;position:relative}.login-input-icon{color:#94a3b8;pointer-events:none;transition:color .2s;position:absolute;left:1rem}.login-form input{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:.875rem 1rem .875rem 2.75rem;font-size:1rem;transition:all .2s}.login-form input:focus{border-color:#7c3aed;outline:none;box-shadow:0 0 0 4px #7c3aed1a}.login-form input:focus+.login-input-icon,.login-form input:focus~.login-input-icon{color:#7c3aed}.login-form input::placeholder{color:#cbd5e1}.login-submit-btn{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:2.5rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px -2px #7c3aed4d}.login-submit-btn:hover{background:#6d28d9;transform:translateY(-2px);box-shadow:0 8px 20px -4px #7c3aed66}.login-submit-btn:active{transform:translateY(0)}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-demo-hint{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:2rem;padding:1rem}.login-demo-hint p{color:#64748b;margin:0;font-size:.8125rem}.login-demo-hint strong{color:#334155;font-weight:600}