.auth-body{background:#d3d3d3;justify-content:center;align-items:center;min-height:100vh;font-family:system-ui,-apple-system,sans-serif;display:flex}.form{--input-focus:var(--c-accent,#c2703e);--font-color:#323232;--font-color-sub:#666;--bg-color:#fff;--main-color:#323232;background:var(--bg-color);border:2px solid var(--main-color);box-shadow:4px 4px var(--main-color);border-radius:5px;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;width:100%;max-width:380px;padding:40px 30px;display:flex}.title{color:var(--font-color);margin-bottom:25px;font-size:24px;font-weight:900;line-height:1.2}.title span{color:var(--font-color-sub);font-size:17px;font-weight:600}.input{border:2px solid var(--main-color);background-color:var(--bg-color);width:100%;height:45px;box-shadow:4px 4px var(--main-color);color:var(--font-color);border-radius:5px;outline:none;padding:5px 15px;font-size:15px;font-weight:600;transition:border-color .2s,box-shadow .2s,transform .2s}.input::placeholder{color:var(--font-color-sub);opacity:.8}.input:focus{border:2px solid var(--input-focus);box-shadow:6px 6px var(--main-color);transform:translate(-2px,-2px)}.login-with{justify-content:center;gap:20px;width:100%;margin-top:10px;display:flex}.button-log{cursor:pointer;border:2px solid var(--main-color);background-color:var(--bg-color);width:45px;height:45px;box-shadow:4px 4px var(--main-color);color:var(--font-color);border-radius:100%;justify-content:center;align-items:center;font-size:25px;transition:transform .1s,box-shadow .1s;display:flex}.icon{width:24px;height:24px;fill:var(--main-color)}.button-log:active,.button-confirm:active{box-shadow:0px 0px var(--main-color);transform:translate(4px,4px)}.button-confirm{border:2px solid var(--main-color);background-color:var(--bg-color);width:100%;height:45px;box-shadow:4px 4px var(--main-color);color:var(--font-color);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:8px;margin:30px auto 0;font-size:17px;font-weight:600;transition:transform .1s,box-shadow .1s,background-color .2s;display:flex}.button-confirm:hover{background-color:#f8f8f8}.button-confirm:disabled{opacity:.6;cursor:not-allowed;box-shadow:0px 0px var(--main-color);transform:translate(4px,4px)}.auth-error{color:#d32f2f;background:#ffebee;border:2px solid #d32f2f;border-radius:5px;width:100%;padding:10px 15px;font-size:14px;font-weight:600}.auth-success{color:#2e7d32;background:#e8f5e9;border:2px solid #2e7d32;border-radius:5px;width:100%;padding:10px 15px;font-size:14px;font-weight:600}.auth-links{flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:20px;display:flex}.auth-links a{color:var(--font-color-sub);font-size:14px;font-weight:600;text-decoration:none;transition:color .2s}.auth-links a:hover{color:var(--input-focus)}.reg-terms{color:#b9b9c4;text-align:left;align-items:flex-start;gap:9px;margin:2px 0 4px;font-size:12.5px;line-height:1.5;display:flex}.reg-terms input{width:16px;height:16px;accent-color:var(--c-accent,#c2703e);cursor:pointer;flex-shrink:0;margin-top:2px}.reg-terms a{color:var(--c-accent,#c2703e);text-decoration:underline}