.login-page{background:#f7f9fc;min-height:100vh;padding:30px 0;position:relative;overflow:hidden}.login-shape{z-index:0;border-radius:50%;position:absolute}.login-shape-left{background:#dfe8d6;width:360px;height:360px;bottom:-150px;left:-150px}.login-shape-right{background:#d9eef7;width:260px;height:260px;top:-100px;right:-100px}.login-page .container-custom{z-index:2;position:relative}.login-header{justify-content:space-between;align-items:center;padding:30px 0;display:flex}.login-header-right{color:var(--muted);font-size:14px;font-weight:500}.login-content{justify-content:space-between;align-items:center;gap:100px;min-height:calc(100vh - 220px);display:flex}.login-left{max-width:620px}.login-subtitle{color:var(--green);letter-spacing:3px;margin-bottom:20px;font-size:12px;font-weight:700}.login-title{font-family:var(--font-manrope);letter-spacing:-2px;font-size:68px;font-weight:800;line-height:1.05}.login-description{max-width:540px;color:var(--muted);margin-top:35px;font-size:18px;line-height:1.5}.login-stats{gap:70px;margin-top:60px;display:flex}.login-stat{position:relative}.login-stat:not(:first-child):before{content:"";background:var(--border);width:1px;height:60px;position:absolute;top:0;left:-35px}.login-stat h3{font-size:36px;font-weight:800}.login-stat p{color:var(--muted);margin-top:8px;font-size:14px}.login-footer{justify-content:space-between;align-items:center;padding-top:50px;display:flex}.login-footer p{color:var(--muted);font-size:14px}.login-footer-links{gap:30px;display:flex}.login-footer-links a{color:var(--muted);font-size:14px;transition:all .3s}.login-footer-links a:hover{color:var(--foreground)}.login-card{background:#fff;border:1px solid #e0e6eb;border-radius:15px;width:100%;max-width:420px;padding:33px 36px;box-shadow:0 18px 55px #1b334917}.login-card-header{align-items:center;gap:18px;margin-bottom:40px;display:flex}.login-icon-box{background:#edf5e4;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.login-heading{font-family:var(--font-manrope);color:var(--foreground);font-size:32px;font-weight:800;line-height:1.2}.login-subheading{color:var(--muted);margin-top:5px;font-size:15px}.login-form{flex-direction:column;gap:24px;display:flex}.form-group label{color:var(--foreground);margin-bottom:12px;font-size:14px;font-weight:600;display:block}.input-wrapper{position:relative}.input-icon{color:var(--muted);position:absolute;top:50%;left:18px;transform:translateY(-50%)}.form-input{border:1px solid var(--border);width:100%;height:56px;color:var(--foreground);background:#fff;border-radius:12px;padding:0 18px 0 50px;font-size:15px;transition:all .3s}.password-input{padding-right:50px}.form-input:focus{border-color:var(--blue);outline:none}.password-toggle{color:var(--muted);cursor:pointer;background:0 0;border:0;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.login-options{justify-content:space-between;align-items:center;display:flex}.remember-me{color:var(--foreground);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.remember-me input{accent-color:var(--blue)}.forgot-password{color:var(--blue);cursor:pointer;background:0 0;border:0;font-size:14px;font-weight:500}.login-btn{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;height:56px;font-size:16px;font-weight:700;transition:all .3s;display:flex}.login-btn:hover{opacity:.9}.login-help{text-align:center;color:var(--muted);margin-top:32px;font-size:13px}.login-help button{color:var(--blue);cursor:pointer;background:0 0;border:0;margin-left:5px;font-weight:500}@media (max-width:1440px){.login-title{font-size:58px}.login-content{gap:60px}.login-stats{gap:50px}}@media (max-width:1199px){.login-content{gap:50px}.login-title{letter-spacing:-1px;font-size:48px}.login-description{font-size:17px}.login-stats{gap:40px}.login-stat h3{font-size:30px}.login-card{max-width:390px}}@media (max-width:991px){.login-page{padding:20px 0}.login-content{text-align:center;flex-direction:column;align-items:center;gap:60px;min-height:auto;padding:40px 0}.login-left{max-width:100%}.login-description{margin-inline:auto}.login-stats{justify-content:center}.login-footer{text-align:center;flex-direction:column;gap:20px}.login-card{max-width:550px}.form-group label{text-align:left}.login-left,.login-header-right{display:none}}@media (max-width:767px){.login-header{text-align:center;flex-direction:column;gap:12px;padding:10px 0}.login-title{letter-spacing:0;font-size:40px;line-height:1.15}.login-description{margin-top:24px;font-size:16px}.login-stats{flex-direction:column;align-items:center;gap:25px;margin-top:40px}.login-stat:not(:first-child):before{display:none}.login-card{padding:28px 24px}.login-heading{font-size:28px}.login-options{flex-direction:column;align-items:flex-start;gap:15px}.login-footer-links{flex-wrap:wrap;justify-content:center;gap:18px}.login-shape-left{width:220px;height:220px;bottom:-120px;left:-120px}.login-shape-right{width:180px;height:180px;top:-90px;right:-90px}.login-footer-links{display:none}}@media (max-width:575px){.container-custom{padding-inline:16px}.login-page{padding:15px 0}.login-content{gap:40px;padding:0}.login-title{font-size:32px}.login-subtitle{letter-spacing:2px;font-size:11px}.login-description{font-size:15px}.login-card{border-radius:14px;padding:24px 18px}.login-card-header{gap:14px;margin-bottom:25px}.login-icon-box{border-radius:12px;width:40px;height:40px}.login-icon-box svg{width:20px;height:20px}.login-heading{font-size:24px}.login-subheading{font-size:14px}.form-input{border-radius:8px;height:45px}.login-btn{height:45px;font-size:14px}.login-help{margin-top:24px}.login-footer p,.login-footer-links a{font-size:13px}.login-form{gap:16px}.login-footer{padding-top:0}.login-page{overscroll-behavior:none;width:100%;height:100dvh;min-height:100dvh;position:fixed;inset:0;overflow:hidden}.login-page .container-custom{flex-direction:column;justify-content:center;gap:10px;height:100%;display:flex}}@media (max-width:380px){.login-title{font-size:28px}.login-heading{font-size:22px}.login-card{padding:20px 16px}.login-card-header{text-align:center;align-items:center}.remember-me,.forgot-password{font-size:13px}}