@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',system-ui,sans-serif;color:#173c2f;background:#fafbf6}.auth-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-story{background:#102b26;color:#f3f7eb;padding:55px 65px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;gap:60px}.auth-story:after{content:'';position:absolute;inset:auto -190px -240px auto;width:550px;height:550px;border:1px solid #345044;border-radius:50%;box-shadow:0 0 0 90px #1a382c66,0 0 0 180px #19372a44;pointer-events:none}.auth-brand{background:#f7f9f1;padding:6px 13px;border-radius:10px;width:220px;position:relative;z-index:1}.auth-brand img{display:block;width:100%;height:auto}.auth-eyebrow{font-size:10px;font-weight:600;letter-spacing:2.2px;color:#91a57a}.auth-story .auth-eyebrow{color:#c5eb8c}h1{font-family:Manrope,system-ui,sans-serif;font-size:clamp(38px,4.3vw,67px);font-weight:600;line-height:1.17;letter-spacing:-2.5px;margin:22px 0 24px;position:relative;z-index:1}.auth-story p{font-size:14px;line-height:1.9;color:#9fb8a7;max-width:350px;position:relative;z-index:1}.auth-bottom{font-size:9px;letter-spacing:1.3px;display:flex;align-items:center;gap:10px;color:#90ad99;position:relative;z-index:1}.auth-bottom span:last-child{margin-left:auto;letter-spacing:0}.live-dot{width:6px;height:6px;border-radius:50%;background:#c5eb8c}.auth-form-wrap{display:flex;flex-direction:column;justify-content:center;padding:55px 65px;min-width:0}.auth-form-inner{width:100%;max-width:390px;margin:auto}.auth-form-inner h2{font-family:Manrope,sans-serif;font-size:29px;letter-spacing:-1px;font-weight:650;margin:14px 0}.auth-subtitle{font-size:12px;line-height:1.8;color:#85917c;margin-bottom:27px}.auth-form{display:flex;flex-direction:column;gap:17px}.auth-form label{font-size:11px;color:#65795a;display:flex;flex-direction:column;gap:8px}.auth-form input{border:1px solid #dce3d4;border-radius:7px;font:inherit;font-size:13px;padding:12px 14px;width:100%;background:#fff;color:#254531}.auth-form input:focus{outline:2px solid #8db85a;outline-offset:2px}.auth-form button{margin-top:6px;padding:14px 16px;display:flex;justify-content:space-between;border:0;border-radius:7px;background:#173e33;color:#eff7e5;font:inherit;font-size:12px;font-weight:500;cursor:pointer}.auth-form button:hover{background:#24553f}.auth-note{font-size:10px;color:#8c9882;line-height:1.8;margin:17px 0 28px}.auth-preview-note{border-top:1px solid #e0e7d9;padding-top:22px}.auth-preview-note strong{font-size:10px;color:#7b8c69}.auth-preview-note p{font-size:10px;color:#929d85;line-height:1.9;max-width:350px}.auth-error{background:#fff0ea;border:1px solid #edc7b8;color:#a14832;font-size:12px;line-height:1.7;padding:12px;border-radius:7px;margin-bottom:18px}footer{font-size:9px;color:#9aa58e;margin-top:35px;display:flex;justify-content:space-between;gap:15px}footer span{color:#a7b09d}@media(max-width:900px){.auth-story{padding:40px}.auth-form-wrap{padding:40px}.auth-brand{width:180px}}@media(max-width:650px){.auth-layout{grid-template-columns:1fr}.auth-story{min-height:220px;padding:25px;gap:25px}.auth-story h1{font-size:34px;line-height:1.18;letter-spacing:-1.2px;margin:14px 0}.auth-story h1 br{display:none}.auth-story p{display:none}.auth-brand{width:165px}.auth-bottom{display:none}.auth-form-wrap{padding:35px 25px}.auth-form-inner{max-width:100%}.auth-form-inner h2{font-size:26px}}