.dd-login{margin:0;background:#f8faf7!important;color:#16372c!important;font-family:Manrope,system-ui,sans-serif;min-height:100vh}
.dd-login *{box-sizing:border-box}
.auth-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}
.welcome-panel{background:#def2d5;display:flex;flex-direction:column;padding:46px clamp(30px,5vw,80px);border-right:1px solid #d4e5ce}
.wordmark{display:flex;align-items:center;gap:13px;color:#163e2e;text-decoration:none;font-size:22px;font-weight:800;letter-spacing:-.7px}
.wordmark small{display:block;font-size:9px;letter-spacing:2.4px;margin-top:3px;font-weight:700;color:#496c58}
.brand-symbol{width:47px;height:47px;background:#1d523c;border-radius:14px;color:#e3f6da;display:grid;place-items:center;position:relative;font-size:31px;letter-spacing:-5px;padding-right:9px}
.brand-symbol>span{font-size:20px;position:absolute;right:7px;top:14px;letter-spacing:0}
.welcome-content{margin:auto 0;padding:65px 0}
.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;display:flex;align-items:center;gap:9px;color:#42684e}
.eyebrow>span{width:7px;height:7px;border-radius:50%;background:#34784b}
.welcome-content h1{font-size:clamp(36px,4.4vw,65px);line-height:1.12;font-weight:800;letter-spacing:-2.6px;margin:25px 0}
.welcome-content h1 em{font-style:normal;color:#4c814c}
.welcome-content p{font-size:15px;line-height:1.85;color:#486554;margin-bottom:32px}
.feature-stack{display:flex;flex-direction:column;gap:20px}
.feature-stack>div{display:flex;gap:13px;align-items:center}
.feature-icon{width:43px;height:43px;display:grid;place-items:center;background:#edf8e7;border:1px solid #cfdfc5;border-radius:12px;color:#386044;font-size:19px}
.feature-stack strong{font-size:12px;display:block}.feature-stack small{font-size:11px;color:#53735e;display:block;margin-top:3px}
.panel-footer{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#56745d}.panel-footer>span:first-child{font-weight:800;letter-spacing:1.5px}
.signin-panel{display:flex;flex-direction:column;padding:38px clamp(24px,5vw,80px);background:#fcfdfa}
.signup-top{font-size:12px;color:#738077;text-align:right}.signup-top a{color:#28583d;text-decoration:none;font-weight:800;margin-left:5px}
.signin-content{width:100%;max-width:390px;margin:auto;padding:50px 0}
.welcome-icon{display:grid;place-items:center;width:51px;height:51px;background:#eaf4e2;color:#3b6745;border:1px solid #dae8d3;border-radius:15px;font-size:24px;margin-bottom:25px}
.form-eyebrow{font-size:9px;letter-spacing:2px;font-weight:800;color:#738c76}
.signin-content h2{font-size:36px;letter-spacing:-1.4px;font-weight:800;margin:12px 0}
.form-intro{font-size:13px;color:#748077;margin-bottom:32px}
.signin-content label{font-size:12px;font-weight:700;margin-bottom:9px;display:block}
.field{position:relative;margin-bottom:22px}
.field input{width:100%;height:55px;border:1px solid #dce3d8;background:#fff;border-radius:11px;padding:0 48px;color:#213b2c;outline:none;font-size:13px}
.field input::placeholder{color:#97a198}.field input:focus{border:2px solid #51835a;padding-left:47px}
.field-icon{position:absolute;left:17px;top:17px;color:#8b9e8d;font-size:17px}
.password-toggle{position:absolute;right:8px;top:8px;width:39px;height:39px;background:transparent;border:0;color:#708576;border-radius:8px;font-size:17px}
.session-note{font-size:11px;line-height:1.6;color:#748276;display:flex;gap:8px;margin:2px 0 23px}
.session-note i{color:#477b4f;margin-top:2px}
.signin-button{width:100%;border:0;background:#29563c;color:#fff;border-radius:11px;height:54px;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:14px}
.signin-button:hover{background:#20472f}.signin-button:focus-visible,.password-toggle:focus-visible,a:focus-visible{outline:3px solid #7aa868;outline-offset:3px}
.help-note{border-top:1px solid #e5eadd;margin-top:29px;padding-top:24px;display:flex;gap:12px;font-size:11px;line-height:1.7;color:#7d8a7c}.help-note>i{font-size:20px;color:#608365}.help-note strong{color:#566953;font-weight:500}
.signin-footer{display:flex;justify-content:space-between;font-size:10px;color:#8b9688;gap:12px}
@media(min-width:1500px){.auth-layout{max-width:1600px;margin:auto}}
@media(max-width:850px){.auth-layout{grid-template-columns:42% 58%}.welcome-panel{padding:30px 24px}.welcome-content h1{font-size:39px;letter-spacing:-1.8px}.wordmark{font-size:18px}.panel-footer>span:last-child{display:none}.desktop-break{display:none}.signin-panel{padding:30px 28px}}
@media(max-width:640px){.auth-layout{display:block}.welcome-panel{padding:23px;border-right:0;border-bottom:1px solid #d4e5ce}.welcome-content,.panel-footer{display:none}.wordmark{font-size:20px}.brand-symbol{width:42px;height:42px}.signin-panel{padding:25px 24px;min-height:calc(100svh - 89px)}.signup-top{text-align:center}.signin-content{padding:37px 0}.signin-content h2{font-size:32px}.signin-footer{padding-top:10px}}