.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: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}.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}.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}.auth-body{background:var(--c-bg,#1e1e1f);color:var(--c-text,#ececeb);overscroll-behavior:contain;height:100dvh;padding:24px;position:relative;overflow-y:auto}.auth-body:before{content:"";background:radial-gradient(38% 34% at 22% 18%, var(--c-accent-glow,#c2703e33), transparent 70%), radial-gradient(34% 30% at 82% 84%, var(--c-accent-glow,#c2703e33), transparent 70%);pointer-events:none;z-index:0;position:fixed;inset:-20%}.form{z-index:1;border-radius:var(--radius-xl,24px);border:1px solid var(--c-border-2,#ffffff26);background:var(--c-surface,#2a2a2c);box-shadow:var(--shadow-lg,0 16px 48px #0009);--input-focus:var(--c-accent,#c2703e);--font-color:var(--c-text,#ececeb);--font-color-sub:var(--c-text-2,#b3b2ae);--bg-color:var(--c-surface,#2a2a2c);--main-color:var(--c-border-2,#ffffff26);gap:16px;margin:auto;padding:34px 30px;position:relative}.title{color:var(--c-text,#ececeb);letter-spacing:-.02em;margin-bottom:12px}.title span{color:var(--c-text-2,#b3b2ae)}.input{border-radius:var(--radius-md,12px);border:1px solid var(--c-border-2,#ffffff26);background:var(--c-bg,#1e1e1f);height:46px;color:var(--c-text,#ececeb);font-weight:500;transition:border-color .18s,box-shadow .18s,background .18s}.input::placeholder{color:var(--c-text-3,#87857f);opacity:1}.input:focus{border:1px solid var(--c-accent,#c2703e);background:var(--c-surface-2,#ffffff17);box-shadow:0 0 0 3px var(--c-accent-glow,#c2703e33);transform:none}.button-confirm{border-radius:var(--radius-md,12px);background:var(--c-accent,#c2703e);color:#fff;height:46px;box-shadow:0 6px 18px var(--c-accent-glow,#c2703e33);transition:filter .18s, transform .14s var(--ease-ios,cubic-bezier(.32,.72,0,1)), box-shadow .18s;border:1px solid #0000;margin:22px auto 0;font-weight:600}.button-confirm:hover:not(:disabled){filter:brightness(1.07)}.button-confirm:active:not(:disabled){box-shadow:0 2px 10px var(--c-accent-glow,#c2703e33);transform:scale(.97)}.button-confirm:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.button-log{border:1px solid var(--c-border-2,#ffffff26);background:var(--c-bg,#1e1e1f);width:44px;height:44px;color:var(--c-text,#ececeb);transition:background .18s, border-color .18s, transform .14s var(--ease-ios,cubic-bezier(.32,.72,0,1));border-radius:50%}.button-log:hover{background:var(--c-surface-2,#ffffff17);border-color:var(--c-text-3,#87857f)}.button-log:active{transform:scale(.94)}.icon{fill:var(--c-text,#ececeb)}.auth-error,.auth-success{border-radius:var(--radius-sm,8px);border-style:solid;border-width:1px;font-weight:500}.auth-error{color:#ff9a92;background:#e0564a1f;border-color:#e0564a6b}.auth-success{color:#86d6a5;background:#4e9b6f1f;border-color:#4e9b6f6b}.auth-links a{color:var(--c-text-2,#b3b2ae);font-weight:500}.auth-links a:hover{color:var(--c-accent,#c2703e)}.reg-terms{color:var(--c-text-2,#b3b2ae)}html[data-theme=light] .auth-error{color:#a8261c;background:#e0564a1a}html[data-theme=light] .auth-success{color:#1f6a41;background:#4e9b6f1f}@media (prefers-reduced-transparency:reduce){.auth-body:before{display:none}}@media (prefers-reduced-motion:reduce){.button-confirm,.button-log,.input{transition:background .18s,border-color .18s;transform:none!important}}