.login-page{background:#f5f3ef;grid-template-columns:1fr;min-height:100vh;display:grid;position:relative;overflow:hidden}@media (min-width:1024px){.login-page{grid-template-columns:1.1fr 1fr}}.login-brand-panel{background:#121a21;display:none;position:relative;overflow:hidden}@media (min-width:1024px){.login-brand-panel{flex-direction:column;justify-content:space-between;padding:64px 72px;display:flex}}.login-brand-panel:before{content:"";pointer-events:none;background-image:radial-gradient(#ffffff0a 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.brand-glow-1{pointer-events:none;filter:blur(40px);background:radial-gradient(circle,#c9975e1a 0%,#0000 60%);border-radius:50%;width:500px;height:500px;position:absolute;top:-10%;right:-5%}.brand-glow-2{pointer-events:none;filter:blur(30px);background:radial-gradient(circle,#6e7c8714 0%,#0000 60%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:5%;left:-10%}.brand-header{z-index:1;position:relative}.brand-name{font-family:var(--font-sans),"Inter",system-ui,sans-serif;color:#fff;letter-spacing:-.02em;font-size:20px;font-weight:700}.brand-tag{color:#ffffff59;margin-top:4px;font-size:13px;font-weight:500}.brand-showcase{z-index:1;flex-direction:column;flex:1;justify-content:center;gap:48px;padding:56px 0;display:flex;position:relative}.showcase-headline{font-family:var(--font-sans),"Inter",system-ui,sans-serif;letter-spacing:-.035em;color:#fff;max-width:380px;font-size:36px;font-weight:800;line-height:1.15}.showcase-headline span{background:linear-gradient(135deg,#c9975e 0%,#e0b87a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.showcase-stats{grid-template-columns:1fr 1fr;gap:20px;max-width:400px;display:grid}.stat-card{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:18px;padding:24px;transition:background .3s}.stat-card:hover{background:#ffffff0f}.stat-card-value{font-family:var(--font-sans),"Inter",system-ui,sans-serif;color:#fff;letter-spacing:-.03em;font-size:28px;font-weight:800;line-height:1}.stat-card-label{color:#fff6;text-transform:uppercase;letter-spacing:.06em;margin-top:8px;font-size:12px;font-weight:500}.stat-card-bar{background:#ffffff0f;border-radius:100px;height:3px;margin-top:14px;overflow:hidden}.stat-card-bar-fill{border-radius:100px;height:100%}.brand-footer{z-index:1;border-top:1px solid #ffffff0f;align-items:center;gap:12px;padding-top:24px;display:flex;position:relative}.brand-footer-dot{background:#3b9b62;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-green;box-shadow:0 0 8px #3b9b6280}@keyframes pulse-green{0%,to{opacity:1;box-shadow:0 0 8px #3b9b6280}50%{opacity:.7;box-shadow:0 0 14px #3b9b624d}}.brand-footer-text{color:#ffffff4d;font-size:13px;font-weight:500}.login-form-panel{justify-content:center;align-items:center;padding:32px 24px;display:flex;position:relative}@media (min-width:640px){.login-form-panel{padding:48px}}@media (min-width:1024px){.login-form-panel{padding:64px 80px}}.login-form-container{z-index:1;width:100%;max-width:440px;animation:.5s cubic-bezier(.23,1,.32,1) fadeSlideUp;position:relative}.login-mobile-logo{flex-direction:column;align-items:center;gap:14px;margin-bottom:40px;display:flex}@media (min-width:1024px){.login-mobile-logo{display:none}}.logo-badge{background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.login-card{background:#fff;border-radius:24px;padding:40px 40px 48px;box-shadow:0 0 0 1px #ddd8d073,0 2px 8px #1a1f2508,0 16px 48px #1a1f250f}@media (min-width:640px){.login-card{padding:48px 48px 56px}}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{width:17px;height:17px;color:var(--text-muted);pointer-events:none;z-index:1;transition:color .2s;position:absolute;left:16px}.input-wrapper:focus-within .input-icon{color:var(--primary)}.form-input{border:1.5px solid var(--border);width:100%;height:50px;color:var(--text-primary);background:#fafaf8;border-radius:12px;padding:0 44px;font-family:inherit;font-size:14.5px;font-weight:450;transition:border-color .2s,box-shadow .2s,background .2s}.form-input::placeholder{color:var(--text-muted);font-weight:400}.form-input:focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 3px #6e7c871a}.form-input:hover:not(:focus):not(:disabled){border-color:var(--border-dark)}.form-input:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;opacity:.6}.form-input.input-valid{border-color:var(--success)}.form-input.input-valid:focus{box-shadow:0 0 0 3px #3b9b6214}.form-input.input-error{border-color:var(--critical)}.form-input.input-error:focus{box-shadow:0 0 0 3px #c8392a14}.input-check{width:17px;height:17px;color:var(--success);pointer-events:none;z-index:2;animation:.25s cubic-bezier(.23,1,.32,1) fadeScale;position:absolute;right:16px}.password-toggle{cursor:pointer;color:var(--text-muted);z-index:2;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:14px}.password-toggle:hover:not(:disabled){color:var(--text-primary)}.password-toggle:disabled{opacity:.5;cursor:not-allowed}.login-button{letter-spacing:.01em;border-radius:12px;width:100%;height:50px;font-size:15px;font-weight:700;transition:all .2s cubic-bezier(.23,1,.32,1)}.login-button:not(:disabled){background:var(--primary);color:#fff;border:none;box-shadow:0 2px 12px #6e7c8733}.login-button:not(:disabled):hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #6e7c8740}.login-button:not(:disabled):active{transform:translateY(0)}.login-button:disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed;opacity:.45}@keyframes fadeScale{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.login-form-container,.logo-badge,.form-input,.login-button,.password-toggle,.input-check,.stat-card{transition:none;animation:none}}@media print{.login-page{display:none}}