:root{--key-blue:#003f87;--bright-blue:#1268c4;--deep-blue:#082c55;--navy:#061d35;--key-yellow:#f8c900;--soft-yellow:#fff2a8;--cream:#fffdf5;--white:#fff;--light-blue:#eaf4ff;--light-gray:#f4f6f8;--medium-gray:#6c7888;--dark-text:#10243e;--border-color:#10243e21;--input-border:#dce2e9;--shadow:0 30px 80px #00254f24}*{box-sizing:border-box;margin:0;padding:0}html{min-height:100%}body{background:var(--cream);min-height:100vh;color:var(--dark-text);font-family:DM Sans,sans-serif;overflow-x:hidden}button,input{font:inherit}button{border:none}a{color:inherit;text-decoration:none}.login-page{grid-template-columns:minmax(430px,.92fr) minmax(540px,1.08fr);width:100%;min-height:100vh;display:grid}.login-brand-panel{background:linear-gradient(145deg, #06294f 0%, var(--key-blue) 57%, #1268bd 100%);min-height:100vh;color:var(--white);flex-direction:column;padding:42px 58px;display:flex;position:relative;overflow:hidden}.background-circle{pointer-events:none;border-radius:50%;position:absolute}.circle-one{border:90px solid #f8c90017;width:540px;height:540px;top:-260px;right:-250px}.circle-two{background:#f8c90014;width:350px;height:350px;bottom:-160px;left:-160px}.circle-three{border:27px solid #ffffff0f;width:140px;height:140px;bottom:130px;right:75px}.brand{z-index:3;align-items:center;gap:13px;width:fit-content;display:flex;position:relative}.brand-icon{background:var(--key-yellow);width:49px;height:49px;color:var(--deep-blue);border-radius:15px;place-items:center;font-family:League Spartan,sans-serif;font-size:23px;font-weight:800;display:grid;position:relative;transform:rotate(-4deg);box-shadow:0 11px 28px #01132838}.brand-icon:after{content:"";border:3px solid var(--key-blue);background:var(--white);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-4px;right:-4px}.brand-icon span{transform:rotate(4deg)}.brand-text{flex-direction:column;display:flex}.brand-name{color:var(--white);font-family:League Spartan,sans-serif;font-size:23px;font-weight:800;line-height:1}.brand-subtitle{color:#ffffffa3;letter-spacing:1.5px;text-transform:uppercase;margin-top:4px;font-size:9px;font-weight:700}.brand-content{z-index:3;width:100%;max-width:590px;margin:auto 0;padding:70px 0;position:relative}.brand-badge{color:#ffffffde;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff24;border-radius:100px;align-items:center;gap:9px;width:fit-content;margin-bottom:25px;padding:9px 14px;font-size:11px;font-weight:700;display:flex}.badge-dot{background:var(--key-yellow);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #f8c90021}.brand-content h1{max-width:570px;color:var(--white);letter-spacing:-3px;font-family:League Spartan,sans-serif;font-size:clamp(55px,5.6vw,81px);font-weight:800;line-height:.92}.brand-content h1 span{color:var(--key-yellow);display:block}.brand-content>p{color:#ffffffb3;max-width:550px;margin-top:26px;font-size:15px;line-height:1.8}.impact-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #ffffff24;border-radius:25px;width:min(100%,525px);margin-top:40px;padding:26px;box-shadow:0 25px 55px #01132824}.impact-card-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.impact-label{color:#ffffff9e;letter-spacing:1px;text-transform:uppercase;font-size:9px;font-weight:700}.impact-card-header h2{color:var(--white);margin-top:6px;font-family:League Spartan,sans-serif;font-size:30px}.impact-symbol{background:var(--key-yellow);width:49px;height:49px;color:var(--deep-blue);border-radius:15px;place-items:center;font-size:19px;display:grid;box-shadow:0 12px 28px #f8c9002b}.impact-progress{margin-top:24px}.progress-heading{color:#ffffffa1;justify-content:space-between;font-size:9px;font-weight:600;display:flex}.progress-bar{background:#ffffff24;border-radius:20px;width:100%;height:7px;margin-top:10px;overflow:hidden}.progress-fill{border-radius:inherit;background:var(--key-yellow);width:86%;height:100%}.impact-stats{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:17px;margin-top:25px;display:grid}.impact-stat{text-align:center}.impact-stat strong{color:var(--white);font-family:League Spartan,sans-serif;font-size:21px;display:block}.impact-stat span{color:#ffffff85;margin-top:4px;font-size:8px;line-height:1.3;display:block}.impact-divider{background:#ffffff21;width:1px;height:32px}.brand-footer{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff21;border-radius:17px;align-items:center;gap:12px;width:fit-content;padding:14px 18px;display:flex;position:relative}.brand-footer-icon{background:var(--key-yellow);width:38px;height:38px;color:var(--deep-blue);border-radius:12px;place-items:center;font-size:14px;font-weight:900;display:grid}.brand-footer span,.brand-footer strong{display:block}.brand-footer span{color:#ffffff8c;letter-spacing:.6px;text-transform:uppercase;font-size:8px;font-weight:700}.brand-footer strong{color:var(--white);margin-top:3px;font-size:11px}.login-form-panel{background:radial-gradient(circle at top right, #f8c9001f, transparent 29%), radial-gradient(circle at bottom left, #003f870f, transparent 28%), var(--cream);justify-content:center;align-items:center;min-height:100vh;padding:70px 40px;display:flex;position:relative}.mobile-header{display:none}.form-container{width:min(100%,530px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd6;border:1px solid #ffffffeb;border-radius:32px;padding:50px}.form-heading{margin-bottom:38px}.error-message{color:#dc2626;background:#dc26261a;border:1px solid #dc26264d;border-radius:10px;margin-bottom:20px;padding:12px 16px;font-size:12px;font-weight:600}.eyebrow{color:var(--key-blue);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px;font-size:10px;font-weight:800;display:block}.form-heading h2{color:var(--deep-blue);letter-spacing:-1.5px;font-family:League Spartan,sans-serif;font-size:46px;font-weight:800;line-height:1}.form-heading p{max-width:430px;color:var(--medium-gray);margin-top:14px;font-size:13px;line-height:1.7}.login-form{flex-direction:column;gap:22px;display:flex}.form-group{flex-direction:column;gap:9px;display:flex}.label-row{justify-content:space-between;align-items:center;gap:15px;display:flex}.form-group label{color:var(--dark-text);font-size:11px;font-weight:700}.forgot-password{color:var(--key-blue);font-size:10px;font-weight:800}.forgot-password:hover{text-decoration:underline}.input-wrapper{width:100%;position:relative}.input-wrapper input{border:1px solid var(--input-border);background:var(--white);width:100%;height:56px;color:var(--dark-text);border-radius:14px;outline:none;padding:0 16px 0 46px;font-size:12px;transition:border-color .22s,box-shadow .22s,background .22s}.input-wrapper:has(.password-toggle) input{padding-right:66px}.input-wrapper input::placeholder{color:#a5afba}.input-wrapper input:focus{border-color:var(--key-blue);box-shadow:0 0 0 4px #003f8717}.input-wrapper input:valid:not(:placeholder-shown){border-color:#1b92527a}.input-icon{z-index:2;color:var(--key-blue);pointer-events:none;font-size:13px;font-weight:800;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.password-dot{font-size:8px}.password-toggle{color:var(--key-blue);cursor:pointer;background:0 0;border-radius:8px;padding:8px;font-size:10px;font-weight:800;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.password-toggle:hover{background:var(--light-blue)}.remember-option{cursor:pointer;align-items:center;gap:11px;width:fit-content;display:flex;position:relative}.remember-option input{opacity:0;pointer-events:none;position:absolute}.custom-checkbox{border:1px solid var(--input-border);background:var(--white);border-radius:6px;flex-shrink:0;place-items:center;width:19px;height:19px;transition:background .2s,border-color .2s,box-shadow .2s;display:grid}.remember-option input:checked+.custom-checkbox{border-color:var(--key-blue);background:var(--key-blue)}.remember-option input:checked+.custom-checkbox:after{content:"✓";color:var(--white);font-size:11px;font-weight:900}.remember-option input:focus-visible+.custom-checkbox{box-shadow:0 0 0 4px #003f871a}.remember-text{color:var(--medium-gray);font-size:10px}.login-button{background:var(--key-blue);width:100%;min-height:58px;color:var(--white);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:22px;margin-top:2px;padding:0 20px;font-size:13px;font-weight:800;transition:transform .24s,box-shadow .24s,background .24s;display:flex;box-shadow:0 15px 35px #003f8738}.login-button:hover{background:var(--deep-blue);transform:translateY(-2px);box-shadow:0 20px 42px #003f8747}.button-arrow{font-size:18px;transition:transform .23s}.login-button:hover .button-arrow{transform:translate(5px)}.form-divider{grid-template-columns:1fr auto 1fr;align-items:center;gap:13px;display:grid}.form-divider span{background:var(--border-color);width:100%;height:1px}.form-divider p{color:var(--medium-gray);white-space:nowrap;font-size:9px;font-weight:600}.signup-button{background:var(--white);width:100%;min-height:56px;color:var(--key-blue);border:1px solid #003f872e;border-radius:14px;justify-content:center;align-items:center;font-size:12px;font-weight:800;transition:transform .23s,border-color .23s,box-shadow .23s,background .23s;display:flex}.signup-button:hover{background:var(--light-blue);border-color:#003f875c;transform:translateY(-2px);box-shadow:0 13px 28px #003f8717}.support-text{color:var(--medium-gray);text-align:center;font-size:10px;line-height:1.6}.support-text a{color:var(--key-blue);font-weight:800}.support-text a:hover{text-decoration:underline}@media (width<=1050px){.login-page{grid-template-columns:390px 1fr}.login-brand-panel{padding:35px}.brand-content h1{font-size:58px}.impact-card{padding:22px}.login-form-panel{padding:55px 30px}.form-container{padding:42px}}@media (width<=820px){.login-page{display:block}.login-brand-panel{display:none}.login-form-panel{min-height:100vh;padding:115px 20px 50px}.mobile-header{display:block;position:absolute;top:28px;left:25px}.mobile-brand{color:var(--deep-blue);align-items:center;gap:10px;font-family:League Spartan,sans-serif;font-size:20px;font-weight:800;display:flex}.mobile-brand-icon{background:var(--key-blue);width:39px;height:39px;color:var(--key-yellow);border-radius:12px;place-items:center;font-size:17px;display:grid;transform:rotate(-4deg)}.form-container{width:min(100%,580px)}}@media (width<=560px){.login-form-panel{padding-left:14px;padding-right:14px}.form-container{border-radius:25px;padding:34px 22px}.form-heading h2{font-size:39px}.input-wrapper input{height:53px}.label-row{align-items:flex-start}}@media (width<=390px){.form-container{padding:29px 17px}.form-heading h2{font-size:36px}.label-row{flex-direction:column;gap:6px}.login-button,.signup-button{min-height:54px}}