.auth-layout{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-layout-modal{min-height:0;padding:0}.auth-card{background:var(--panel);border:1px solid var(--line);width:min(420px,100%);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:12px;padding:28px 32px;display:flex}.auth-layout-modal .auth-card{background:radial-gradient(circle at 8% 8%,#5ba97b1c,#0000 22%),#fffffff5;border-color:#e6dfd6;border-radius:22px;gap:14px;width:100%;padding:34px 34px 30px;box-shadow:0 28px 80px #362f261f}.auth-modal-kicker{background:var(--brand-primary-soft);width:fit-content;min-height:34px;color:var(--brand-primary-muted);border-radius:999px;align-items:center;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.auth-title{color:#2f2f2f;font-size:22px;font-weight:600}.auth-layout-modal .auth-title{color:#171719;font-size:32px;font-weight:800;line-height:1.12}.auth-subtitle{color:#7b756d;margin-top:-4px;font-size:13px}.auth-oauth-buttons{gap:9px;margin-top:6px;display:grid}.auth-oauth-button{background:var(--panel);color:#272524;min-height:46px;font:inherit;cursor:pointer;border:1px solid #ded9d1;border-radius:12px;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:750;display:flex}.auth-oauth-button:hover{background:#faf9f7;border-color:#c9c2b9}.auth-oauth-button:disabled{opacity:.58;cursor:default}.auth-oauth-logo{flex:none;width:25px;height:25px;display:block}.auth-divider{color:#99928a;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:12px;font-size:11px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e8e3dc;flex:1;height:1px}.auth-divider span{white-space:nowrap}.auth-layout-modal .auth-subtitle{color:#68635d;margin-top:0;font-size:15px;line-height:1.5}.auth-form{flex-direction:column;gap:12px;margin-top:8px;display:flex}.auth-form label{color:#6f6a63;flex-direction:column;gap:6px;font-size:12px;display:flex}.auth-form input{border:1px solid #e0dbd2;border-radius:10px;padding:10px 12px;font-size:14px}.auth-layout-modal .auth-form{gap:14px;margin-top:10px}.auth-layout-modal .auth-form label{color:#625d58;gap:7px;font-size:13px;font-weight:700}.auth-layout-modal .auth-form input{background:#fffffff5;border-radius:12px;min-height:48px;padding:0 14px;font-size:15px}.auth-layout-modal .auth-form input:focus{border-color:#7ab38f;outline:none;box-shadow:0 0 0 4px #6aa77f1f}.auth-error{color:#b56b5c;font-size:12px}.auth-submit{border:1px solid var(--color-primary);background:var(--color-primary);color:#fff;cursor:pointer;border-radius:10px;margin-top:4px;padding:10px 12px;font-size:14px}.auth-layout-modal .auth-submit{background:linear-gradient(180deg, var(--brand-primary-gradient-start), var(--brand-primary-gradient-end));border-color:#0000;border-radius:12px;min-height:50px;font-size:15px;font-weight:800;box-shadow:0 16px 30px #5d997838}.auth-submit:disabled{opacity:.6;cursor:default}.auth-note{color:#746e67;font-size:13px;line-height:1.45}.auth-switch{color:#6f6a63;align-items:center;gap:8px;font-size:12px;display:flex}.auth-layout-modal .auth-switch{color:#625d58;padding-top:4px;font-size:13px}.auth-switch button{color:#4c7a63;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px}@media (width<=560px){.auth-card{border-radius:14px;padding:22px 18px}.auth-layout-modal .auth-card{border-radius:18px;gap:12px;padding:24px 18px 22px}.auth-layout-modal .auth-title{font-size:26px}.auth-layout-modal .auth-subtitle{font-size:14px;line-height:1.45}.auth-layout-modal .auth-form{gap:12px}.auth-layout-modal .auth-form input,.auth-layout-modal .auth-submit{min-height:46px;font-size:14px}.auth-note,.auth-layout-modal .auth-switch{font-size:12px}}