:root{--ink:#111827;--green:#27a85b;--deep:#123d31;--muted:#66758b;--line:#d8e2e8;--soft:#edf9f2;--danger:#b42318}*{box-sizing:border-box}body{margin:0;background:#f9fcfa;color:var(--ink);font-family:"DM Sans",sans-serif}.modern-auth{position:relative;display:grid;min-height:100vh;grid-template-columns:1.15fr .85fr;overflow:hidden;background:radial-gradient(circle at 15% 25%,rgba(93,218,155,.1),transparent 30%),linear-gradient(90deg,#f8fcf9 0 52%,#fff 52%)}.modern-auth:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#d2e3dd 1.3px,transparent 1.3px);background-size:34px 34px;opacity:.65}.auth-story,.auth-card-wrap{position:relative;z-index:1}.auth-story{display:flex;max-width:900px;justify-content:center;flex-direction:column;padding:55px clamp(45px,7vw,120px)}.back-home{position:absolute;top:42px;left:clamp(45px,7vw,120px);color:#506075;text-decoration:none;font-size:.78rem;font-weight:800}.auth-logo{display:flex;align-items:center;gap:13px;width:max-content;margin-bottom:25px;color:inherit;text-decoration:none}.auth-logo>span{display:grid;width:52px;height:52px;place-items:center;border-radius:14px;background:linear-gradient(145deg,#36bd68,#208d4c);box-shadow:0 10px 25px rgba(35,156,82,.24);color:#fff;font-size:1.35rem}.auth-logo>div{display:grid;line-height:1.2}.auth-logo b{font:800 1.55rem Manrope}.auth-logo em{color:#2ca75b;font-style:normal}.auth-logo small{color:#2d9254;font-size:.58rem;font-weight:700}.story-pill{display:inline-flex;width:max-content;align-items:center;gap:8px;padding:7px 13px;border:1px solid #aee8c3;border-radius:99px;background:#effcf4;color:#198246;font-size:.62rem;font-weight:900;letter-spacing:.08em}.story-pill i{width:7px;height:7px;border-radius:50%;background:#28ad5c;box-shadow:0 0 0 4px rgba(40,173,92,.1)}.auth-story h1{max-width:810px;margin:25px 0 15px;font:800 clamp(2.35rem,4vw,4rem)/1.08 Manrope;letter-spacing:-.055em}.auth-story h1 em{color:#2ba65a;font-style:normal}.auth-story>p{max-width:820px;margin:0 0 25px;color:#536378;font-size:.9rem;line-height:1.65}.story-features{display:grid;grid-template-columns:1fr 1fr;gap:12px}.story-features article{display:flex;min-height:92px;align-items:center;gap:13px;padding:16px;border:1px solid #d7e2e8;border-radius:13px;background:rgba(255,255,255,.86);box-shadow:0 6px 18px rgba(27,55,45,.035)}.story-features article>span{display:grid;width:39px;height:39px;flex:none;place-items:center;border:1px solid #ccefd9;border-radius:10px;background:#edfbf2;color:#1ba04f;font-weight:900}.story-features article>div{display:grid;gap:3px}.story-features b{font:700 .76rem Manrope}.story-features small{color:#728097;font-size:.62rem;line-height:1.4}.story-trust{display:flex;gap:24px;margin-top:25px;padding-top:15px;border-top:1px solid #d7e3df;color:#59687c;font-size:.65rem;font-weight:800}.auth-card-wrap{display:grid;place-items:center;padding:55px clamp(35px,5vw,85px)}.modern-auth-card{width:min(100%,620px);padding:38px;border:1px solid #d5e0e7;border-radius:24px;background:rgba(255,255,255,.97);box-shadow:0 24px 70px rgba(24,55,44,.12)}.modern-auth-card header>span{color:#258e50;font-size:.57rem;font-weight:900;letter-spacing:.1em}.modern-auth-card h2{margin:5px 0;font:800 1.8rem Manrope;letter-spacing:-.04em}.modern-auth-card header p{margin:0 0 24px;color:#748197;font-size:.76rem}.auth-alert{margin-bottom:16px;padding:11px 13px;border:1px solid #fac6c2;border-radius:9px;background:#fff1f0;color:#a52b22;font-size:.7rem;font-weight:700}.auth-field{margin-bottom:16px}.auth-field label{display:block;margin-bottom:6px;color:#334155;font-size:.65rem;font-weight:900;letter-spacing:.045em;text-transform:uppercase}.auth-field input{width:100%;height:49px;padding:0 14px;border:1px solid #cfdae4;border-radius:10px;background:#fff;color:#111827;outline:none;font:500 .8rem DM Sans;transition:border .2s,box-shadow .2s}.auth-field input::placeholder{color:#9ba9bc}.auth-field input:focus{border-color:#31a962;box-shadow:0 0 0 4px rgba(49,169,98,.1)}.auth-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.password-field{position:relative}.password-field input{padding-right:45px}.password-field button{position:absolute;top:50%;right:8px;display:grid;width:34px;height:34px;place-items:center;transform:translateY(-50%);border:0;background:transparent;color:#8798ad;cursor:pointer;font-size:1rem}.auth-error{display:block;margin-top:5px;color:var(--danger);font-size:.62rem}.password-requirement{display:flex;align-items:center;gap:7px;margin:-3px 0 14px;color:#718078;font-size:.6rem}.password-requirement>span{color:#1c9b4c;font-weight:900}.auth-submit{display:flex;width:100%;height:52px;align-items:center;justify-content:center;gap:10px;margin-top:6px;border:0;border-radius:10px;background:linear-gradient(135deg,#32b45f,#269b50);box-shadow:0 12px 25px rgba(38,155,80,.22);color:#fff;cursor:pointer;font:800 .8rem Manrope}.auth-submit:hover{filter:brightness(.96)}.auth-submit span{font-size:1.1rem}.modern-auth-switch{text-align:center;margin:18px 0 0;color:#76849a;font-size:.7rem}.modern-auth-switch a{color:#198247;font-weight:900}.modern-auth-card footer{display:flex;align-items:center;justify-content:center;gap:11px;margin-top:19px;padding-top:15px;border-top:1px dashed #d8e1e7;color:#8b99ad;font-size:.57rem;font-weight:800}.modern-auth-card footer i{width:3px;height:3px;border-radius:50%;background:#a5b0bf}@media(max-width:1100px){.modern-auth{grid-template-columns:1fr 1fr}.auth-story{padding-inline:45px}.auth-story h1{font-size:2.6rem}.story-features{grid-template-columns:1fr}.story-features article:nth-child(n+4){display:none}.back-home{left:45px}.auth-card-wrap{padding-inline:30px}.modern-auth-card{padding:30px}}@media(max-width:800px){.modern-auth{grid-template-columns:1fr;background:#f8fcf9}.auth-story{min-height:auto;padding:110px 25px 35px}.back-home{top:28px;left:25px}.auth-logo{margin-bottom:18px}.auth-story h1{font-size:2.2rem}.auth-story>p{font-size:.8rem}.story-features{grid-template-columns:1fr 1fr}.story-features article:nth-child(n+3){display:none}.story-trust{flex-wrap:wrap;gap:10px 18px}.auth-card-wrap{padding:10px 18px 45px}.modern-auth-card{width:100%;max-width:650px}}@media(max-width:520px){.auth-story{padding-top:95px}.auth-logo>span{width:45px;height:45px}.auth-logo b{font-size:1.3rem}.auth-story h1{font-size:1.9rem}.story-features{grid-template-columns:1fr}.story-features article:nth-child(n+2){display:none}.story-trust{font-size:.58rem}.modern-auth-card{padding:24px 19px;border-radius:18px}.auth-field-grid{grid-template-columns:1fr}.modern-auth-card h2{font-size:1.55rem}.modern-auth-card footer{flex-wrap:wrap}.modern-auth-card footer i{display:none}}