.auth{display:grid;grid-template-columns:.9fr 1.1fr;width:min(860px,94%);max-height:94vh;background:var(--bg2);border:1px solid var(--b);border-radius:12px;overflow:hidden;animation:pgin .5s}
.ap{padding:44px 36px;background:linear-gradient(160deg,rgba(var(--cr),.9),var(--cd) 70%,var(--bg2));display:flex;flex-direction:column;justify-content:space-between;gap:30px}.ap h3{font-size:30px;line-height:1.05;margin-bottom:14px}.ap ul{list-style:none;padding:0}.ap li{display:flex;gap:12px;align-items:center;padding:8px 0;font-size:14px}
.af{padding:40px 38px;position:relative;overflow:auto}.af h2{font-size:28px;margin-bottom:8px}.af>p{color:var(--m);font-size:14px;margin-bottom:22px;line-height:1.5}.x{position:absolute;right:16px;top:16px;background:none;border:0;color:var(--m);cursor:pointer}.x:hover{color:var(--t)}
.soc{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.soc button{background:var(--in);border:1px solid var(--b);color:var(--t);border-radius:6px;padding:12px 6px;font:600 12px inherit;cursor:pointer;transition:.2s}.soc button:hover{border-color:var(--hv)}
.or{display:flex;align-items:center;gap:12px;color:var(--m);font-size:12px;margin:20px 0}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--b)}
.fd{display:block;margin-bottom:14px}.fd span{display:block;font-size:12px;color:var(--m);margin-bottom:6px;font-weight:600}.fd div{position:relative}.fd input{width:100%;padding:13px 14px;background:var(--in);border:1px solid var(--b);border-radius:6px;color:var(--t);font:500 14px inherit;outline:0;transition:.2s}.fd input:focus{border-color:var(--c)}.fd button{position:absolute;right:10px;top:12px;background:none;border:0;color:var(--m);cursor:pointer}.fd em{display:block;font-size:12px;color:#ff5b6b;font-style:normal;margin-top:5px}
.row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.row a,.sw a{color:var(--c);cursor:pointer;font-weight:700}.sw{text-align:center;font-size:14px;color:var(--m);margin-top:20px}
.sb{display:flex;gap:4px;margin:-6px 0 14px}.sb i{flex:1;height:3px;background:var(--b);transition:.3s}

/* Kairės pusės nuotrauka: įkelk savo failą public/loginregbackground.png */
.abg{background:linear-gradient(160deg,rgba(0,0,0,.45),rgba(0,0,0,.72)),url("../loginregbackground.png") center/cover no-repeat,linear-gradient(160deg,rgba(var(--cr),.9),var(--cd))}