.login-page-wrapper{background:#f5f7fa}@media (min-width: 992px){.login-page-wrapper>.container{max-width:min(1480px,94vw)}}.login-heading{font-size:42px}.login-description{max-width:500px}.login-features{display:flex;flex-direction:column;gap:1rem;max-width:640px}.feature-card{--fc: #0ea5e9;position:relative;display:flex;align-items:center;gap:1.125rem;padding:1.25rem 1.5rem;border-radius:1.125rem;background:#fff;border:1px solid #e9edf3;box-shadow:0 1px 2px #1018280a;overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s ease;animation:loginFadeUp .6s cubic-bezier(.2,.8,.2,1) both}.feature-card--success{--fc: #10b981}.feature-card--warning{--fc: #f59e0b}.feature-card:nth-child(2){animation-delay:.12s}.feature-card:nth-child(3){animation-delay:.24s}.feature-card:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:var(--fc);transform:scaleY(0);transition:transform .3s ease}.feature-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--fc) 35%,#e9edf3);box-shadow:0 16px 32px -12px color-mix(in srgb,var(--fc) 35%,transparent),0 4px 10px #1018280d}.feature-card:hover:before{transform:scaleY(1)}.feature-icon-box{position:relative;flex:0 0 56px;width:56px;height:56px;display:grid;place-items:center;border-radius:16px;color:var(--fc);background:linear-gradient(135deg,color-mix(in srgb,var(--fc) 20%,#fff),color-mix(in srgb,var(--fc) 7%,#fff));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--fc) 18%,transparent);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.feature-icon-box:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:2px solid var(--fc);opacity:0;animation:featurePing 1.4s ease-out .5s 1 both}.feature-card:nth-child(2) .feature-icon-box:after{animation-delay:.62s}.feature-card:nth-child(3) .feature-icon-box:after{animation-delay:.74s}.feature-card:hover .feature-icon-box{transform:scale(1.08) rotate(-4deg)}.feature-icon{width:28px;height:28px}.fi-check{stroke-dasharray:1;animation:featureDraw .7s ease-out .7s 1 both}.fi-bar{fill:currentColor;stroke:none;transform-box:fill-box;transform-origin:50% 100%;animation:featureBar .7s cubic-bezier(.2,.8,.2,1) .7s 1 both}.fi-bar:nth-of-type(2){animation-delay:.85s}.fi-bar:nth-of-type(3){animation-delay:1s}.fi-dot{fill:currentColor;stroke:none;transform-box:fill-box;transform-origin:center;animation:featureDot .6s ease-out .9s 1 both}.fi-dot:nth-of-type(2){animation-delay:1.05s}.fi-dot:nth-of-type(3){animation-delay:1.2s}.login-stats{display:grid;grid-template-columns:repeat(3,1fr);max-width:640px;margin-top:2rem;text-align:center;animation:loginFadeUp .6s cubic-bezier(.2,.8,.2,1) .36s both}.login-stat+.login-stat{border-inline-start:1px solid #e5e7eb}.login-stat h3{margin-bottom:.125rem;font-weight:700;font-variant-numeric:tabular-nums;background:linear-gradient(90deg,#1d72f3,#0ea5e9);-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes loginFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes featurePing{0%{transform:scale(1);opacity:.45}60%,to{transform:scale(1.4);opacity:0}}@keyframes featureDraw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes featureBar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes featureDot{0%{transform:translateY(0);opacity:0}50%{transform:translateY(-2.5px);opacity:1}to{transform:translateY(0);opacity:1}}@keyframes securityLock{0%{transform:translateY(-3px)}70%{transform:translateY(.6px)}to{transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.feature-card,.login-stats,.login-security-item,.feature-icon-box:after,.fi-check,.fi-bar,.fi-dot,.si-ring,.si-shackle{animation:none}}.login-card{border-radius:2rem!important}.login-card-inner{padding:3rem}.login-title{color:#2b2f3c}.login-subtitle{font-size:14px}.login-input{height:48px;border-radius:12px;border:1px solid #dcdfe6;background:#fff}.login-input-password{border-radius:12px 0 0 12px}.login-input-addon{border-radius:0 12px 12px 0;border:1px solid #dcdfe6;border-left:0;background:#fff}.login-btn-primary{background:linear-gradient(90deg,#1d72f3,#1a8cff);border:none;border-radius:14px;color:#fff;font-weight:600;box-shadow:0 6px 15px #1d72f359}.login-btn-secondary{background:#fff;border:1px solid #dcdfe6;border-radius:14px;font-weight:500}.login-divider{height:1px;background:#e5e7eb}.login-link{color:#2563eb;font-weight:600;text-decoration:none}.login-link-secondary{color:#2563eb;text-decoration:none}.login-security{font-size:13px;color:#6c757d;flex-wrap:wrap;gap:10px}.login-security-item{gap:8px;padding:7px 14px;border-radius:999px;background:#fff;border:1px solid #e9edf3;font-weight:500;white-space:nowrap;box-shadow:0 1px 2px #1018280a;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;animation:loginFadeUp .5s cubic-bezier(.2,.8,.2,1) .4s both}.login-security-item:nth-child(2){animation-delay:.5s}.login-security-item:nth-child(3){animation-delay:.6s}.login-security-item:hover{transform:translateY(-2px);border-color:#1d72f359;box-shadow:0 8px 16px -8px #1d72f359}.login-security-icon{width:18px;height:18px;flex:0 0 18px;color:#1d72f3}.login-security-item .fi-check{animation-delay:1s}.si-ring{stroke-dasharray:1;animation:featureDraw .8s ease-out .9s 1 both}.login-security-item .si-ring+.fi-check{animation-delay:1.5s}.si-shackle{animation:securityLock .6s cubic-bezier(.2,.8,.2,1) 1s 1 both}@media (max-width: 991px){.login-card-inner{padding:1rem}}.login-input-group{border-radius:12px;overflow:hidden;border:1px solid #e2e5ea;transition:border-color .2s ease}.login-input-group .form-control,.login-input-group .input-group-text{border:none;background:#fff}.login-input{height:52px;font-size:14px;box-shadow:none!important}.login-input-icon{background:#fff;color:#98a2b3;padding:0 14px}.login-input-group:focus-within{border:2px solid #2f6fed}.login-input:focus{box-shadow:none!important}.toggle-password{cursor:pointer}@media (min-width: 992px) and (max-height: 820px){.login-heading{font-size:34px;margin-bottom:.5rem!important}.login-description{margin-bottom:1.5rem!important}.login-features{gap:.625rem}.feature-card{padding:.875rem 1.25rem}.login-stats{margin-top:1.25rem}.login-card-inner{padding:1.5rem 2rem}.login-security{margin-top:1.25rem!important;padding-top:0!important}}
