:root{--red:#d71920;--ink:#151922;--muted:#697386;--line:#e4e7ec}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:Manrope,sans-serif;color:var(--ink);background:#f4f6f8}button,input{font:inherit}.member-auth{display:grid;min-height:100vh;grid-template-columns:minmax(390px,44%) 1fr}.member-auth>aside{position:relative;display:flex;overflow:hidden;padding:45px clamp(35px,5vw,75px);flex-direction:column;color:#fff;background:linear-gradient(145deg,#09090b,#171014)}.member-auth>aside:before{content:"";position:absolute;right:-240px;bottom:-230px;width:580px;height:580px;border-radius:50%;background:rgba(215,25,32,.16);box-shadow:0 0 0 90px rgba(215,25,32,.04),0 0 0 180px rgba(255,255,255,.015)}.member-auth>aside>a{position:relative;z-index:1;display:flex;width:max-content;align-items:center;gap:11px;color:#fff;text-decoration:none}.member-auth>aside>a img{max-width:190px;height:47px;object-fit:contain}.member-auth>aside>a b{display:grid;width:43px;height:43px;place-items:center;border-radius:12px;background:var(--red);font-size:20px}.member-auth>aside>a strong{font-size:19px}.member-auth>aside>div{position:relative;z-index:1;margin:auto 0;max-width:530px}.member-auth>aside>div>span,.member-auth__heading>span{color:#f0444b;font-size:10px;font-weight:800;letter-spacing:2px}.member-auth>aside h2{margin:17px 0;font-size:clamp(37px,4.6vw,60px);line-height:1.08;letter-spacing:-2.8px}.member-auth>aside p{color:#a4aab5;line-height:1.75}.member-auth>aside ul{display:grid;gap:12px;padding:0;margin:30px 0 0;list-style:none;color:#d0d5dd;font-size:13px}.member-auth>aside li:before{content:"✓";display:inline-grid;width:22px;height:22px;margin-right:9px;place-items:center;border-radius:50%;color:#75e0a7;background:rgba(18,183,106,.13);font-size:10px}.member-auth>aside>small{position:relative;z-index:1;color:#555b67;font-size:10px}.member-auth__main{display:grid;padding:45px 25px;place-items:center}.member-auth__card{width:min(100%,560px)}.member-auth__heading{margin-bottom:27px}.member-auth__heading h1{margin:12px 0 9px;font-size:34px;letter-spacing:-1.3px}.member-auth__heading p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.member-alert{margin-bottom:17px;padding:12px 14px;border-radius:10px;font-size:12px}.member-alert.error{color:#b42318;border:1px solid #fecdca;background:#fef3f2}.member-alert.success{color:#067647;border:1px solid #abefc6;background:#ecfdf3}.member-form{display:grid;gap:17px}.member-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.member-form label{display:grid;gap:8px}.member-form label>span:first-child{color:#344054;font-size:12px;font-weight:800}.member-form input{width:100%;height:48px;padding:0 13px;border:1px solid var(--line);border-radius:10px;outline:none;background:#fff}.member-form input:focus{border-color:#f0444b;box-shadow:0 0 0 4px rgba(215,25,32,.07)}.password-field{position:relative}.password-field input{padding-right:62px}.password-field button{position:absolute;right:6px;top:7px;height:34px;padding:0 8px;border:0;color:var(--muted);background:transparent;font-size:10px;font-weight:800;cursor:pointer}.password-rules{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;border-radius:10px;background:#fff}.password-rules span{color:#98a2b3;font-size:10px}.password-rules span:before{content:"○";margin-right:6px}.password-rules span.valid{color:#067647}.password-rules span.valid:before{content:"✓"}.password-rules span.optional:after{content:" opsional";margin-left:4px;color:#98a2b3;font-size:8px}.member-consent{display:flex!important;align-items:flex-start;grid-template-columns:17px 1fr!important;gap:9px!important;color:var(--muted);font-size:10px}.member-consent input{width:16px;height:16px;margin-top:1px}.member-button{height:51px;border:0;border-radius:11px;color:#fff;background:var(--red);font-weight:800;cursor:pointer;box-shadow:0 12px 24px rgba(215,25,32,.2)}.member-button:hover{background:#ae1117}.member-auth__switch{text-align:center;margin:22px 0 0;color:var(--muted);font-size:11px}.member-auth__switch a{color:var(--red);font-weight:800;text-decoration:none}@media(max-width:900px){.member-auth{grid-template-columns:1fr}.member-auth>aside{min-height:auto;padding:23px 25px}.member-auth>aside>div,.member-auth>aside>small{display:none}.member-auth__main{min-height:calc(100vh - 93px);padding:36px 20px}}@media(max-width:560px){.member-form__grid,.password-rules{grid-template-columns:1fr}.member-auth__heading h1{font-size:29px}.member-auth__main{align-items:start}}
