.auth2-page{--auth-accent:#453750;background:#f7f7f8;place-items:center;min-height:100vh;padding:2rem 1rem;display:grid}.auth2-card{background:#fff;border:1px solid #ececef;border-radius:16px;grid-template-columns:1fr 1fr;width:min(880px,100%);display:grid;overflow:hidden;box-shadow:0 1px 2px #1010180a,0 12px 32px -12px #1010181f}.auth2-panel{min-height:560px;position:relative}.auth2-panel-inner{color:#fff;flex-direction:column;justify-content:space-between;padding:2rem;display:flex;position:absolute;inset:0}.auth2-brand{align-items:center;gap:.6rem;font-weight:600;display:flex}.auth2-logo{background:#ffffff2e;border:1px solid #ffffff40;border-radius:8px;place-items:center;width:32px;height:32px;font-size:.95rem;display:grid;overflow:hidden}.auth2-logo img{object-fit:contain;background:#fff;width:100%;height:100%}.auth2-brand-name{letter-spacing:-.01em;font-size:.95rem}.auth2-headline{letter-spacing:-.03em;text-wrap:balance;max-width:15ch;margin:0 0 1.25rem;font-size:clamp(1.6rem,2.4vw,2rem);font-weight:700;line-height:1.15}.auth2-social-proof{opacity:.95;align-items:center;gap:.75rem;font-size:.85rem;display:flex}.auth2-avatars{display:inline-flex}.auth2-avatars>*{object-fit:cover;color:#3b3343;background:#eee;border:2px solid #ffffffe6;border-radius:999px;place-items:center;width:30px;height:30px;margin-left:-9px;font-size:.72rem;font-weight:700;display:grid}.auth2-avatars>:first-child{margin-left:0}.auth2-form{flex-direction:column;justify-content:center;padding:2.25rem 2rem;display:flex}.auth2-mobile-brand{display:none}.auth2-title{letter-spacing:-.02em;color:#17171c;margin:0 0 .25rem;font-size:1.35rem;font-weight:650}.auth2-subtitle{color:#6b6b76;margin:0 0 1.4rem;font-size:.9rem}.auth2-form .auth-form{gap:.9rem}.auth2-form .field label{color:#26262d;font-size:.85rem;font-weight:550}.auth2-form .field input{min-height:40px}.auth2-label-row{justify-content:space-between;align-items:baseline;display:flex}.auth2-label-row a{color:#6b6b76;font-size:.8rem;text-decoration:none}.auth2-label-row a:hover{color:var(--auth-accent);text-decoration:underline}.auth2-form .auth-submit.btn-primary,.auth2-form .auth-submit.btn:not(.btn-secondary){background:var(--auth-accent);border-color:var(--auth-accent);color:#fff;width:100%;min-height:40px}.auth2-form .auth-submit.btn-primary:hover:not(:disabled),.auth2-form .auth-submit.btn:not(.btn-secondary):hover:not(:disabled){background:color-mix(in srgb, var(--auth-accent) 86%, #000)}.auth2-form .auth-submit.btn-secondary{width:100%;min-height:40px}.auth2-form .auth-foot{text-align:center;color:#6b6b76;margin:.25rem 0 0;font-size:.875rem}.auth2-form .auth-foot a{color:#17171c;font-weight:600;text-decoration:none}.auth2-form .auth-foot a:hover{text-decoration:underline}.auth2-form .auth-divider{text-transform:uppercase;font-size:.72rem}.auth2-form .otp-input input:focus{border-color:var(--auth-accent)}@media (max-width:768px){.auth2-page{background:#fff;place-items:start center;padding:1.25rem 1rem}.auth2-card{box-shadow:none;border:0;grid-template-columns:1fr;max-width:440px}.auth2-panel{display:none}.auth2-form{padding:1rem .25rem}.auth2-mobile-brand{color:var(--auth-accent);margin-bottom:1.5rem;font-size:1.05rem;font-weight:700;display:block}}.ap-editor{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:1.5rem;display:grid}.ap-form .section-title{margin-top:.5rem}.ap-image-pick,.ap-color{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.ap-image-pick img{object-fit:cover;border:1px solid #e6e4ea;border-radius:8px;width:44px;height:44px}.ap-image-empty{color:#8a8792;border:1px dashed #d5d2db;border-radius:8px;place-items:center;width:44px;height:44px;font-size:.7rem;display:grid}.ap-color input[type=color]{background:#fff;border:1px solid #e0dde5;border-radius:8px;width:44px;height:34px;padding:2px}.ap-check{align-items:center;gap:.5rem;font-weight:500;display:inline-flex}.ap-avatars{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.ap-avatar{justify-items:center;gap:.35rem;display:grid}.ap-avatar img{object-fit:cover;border:1px solid #e6e4ea;border-radius:999px;width:48px;height:48px}.ap-actions{flex-wrap:wrap;gap:.6rem;display:flex}.ap-preview{gap:.6rem;display:grid;position:sticky;top:1rem}.ap-preview-card{border-radius:14px;height:480px;position:relative;overflow:hidden;box-shadow:0 10px 30px -14px #0000004d}@media (max-width:1100px){.ap-editor{grid-template-columns:1fr}.ap-preview{position:static}}.auth2-form .field[data-error]:after{content:attr(data-error);color:var(--danger,#c0392b);font-size:.8rem;line-height:1.3}.auth2-form .field input[aria-invalid=true]{border-color:var(--danger,#c0392b);box-shadow:0 0 0 3px color-mix(in srgb, var(--danger,#c0392b) 14%, transparent)}.auth2-logo-wide{object-fit:contain;max-width:180px;max-height:40px;display:block}.auth2-mobile-brand img{object-fit:contain;max-width:160px;max-height:32px}@media (max-width:768px){.auth2-mobile-brand{align-items:center;gap:.5rem;display:flex!important}}.auth2-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.auth2-form .auth-form.auth-compact{gap:.7rem}.auth2-form .auth-compact .field{gap:.25rem}.auth2-form .auth-compact .field input{min-height:36px;padding-top:.4rem;padding-bottom:.4rem}.auth2-form .auth-compact .auth-social{gap:.5rem}.auth2-form .auth-compact .btn-social{min-height:36px}.auth2-hint{cursor:help;color:#9a98a3;margin-left:.25rem;font-weight:400}@media (max-width:768px){.auth2-row{grid-template-columns:1fr;gap:.7rem}}@media (min-width:769px){.auth2-form:has(.auth-compact){padding-top:1.6rem;padding-bottom:1.6rem}.auth2-form:has(.auth-compact) .auth2-subtitle{margin-bottom:1rem}}
