.auth-page{--auth-orange: #f97316;--auth-orange-deep: #ea580c;--auth-text-orange: #c2410c;--auth-cream: #fff7ed;--auth-ink: #18181b;--auth-muted: #57534e;--auth-line: #e7e0d8;background:radial-gradient(1200px 500px at 80% -10%,#ffedd5 0%,transparent 60%),var(--auth-cream);min-height:calc(100dvh - 64px);padding:48px 20px 64px;color:var(--auth-ink)}.auth-shell{margin:0 auto;display:grid;max-width:980px;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:32px;align-items:stretch}.auth-shell.is-single{max-width:460px;grid-template-columns:minmax(0,1fr)}.auth-aside{position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;min-height:520px;border-radius:28px;padding:28px;background:linear-gradient(160deg,#fdba74 0%,var(--auth-orange) 55%,var(--auth-orange-deep) 100%);color:var(--auth-ink);box-shadow:0 24px 60px -30px #9a34128c;order:-1}.auth-aside-art{position:absolute;inset:24px 24px auto auto;display:flex;gap:12px}.auth-aside-art img{display:block;width:132px;height:auto;aspect-ratio:9 / 16;object-fit:cover;border-radius:16px;box-shadow:0 14px 30px -12px #43140780}.auth-aside-art img:nth-child(2){margin-top:40px}.auth-aside-copy{position:relative;border-radius:20px;padding:20px;background:#fff7edf0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.auth-aside-copy h2{margin:0 0 12px;font-size:1.35rem;font-weight:700;line-height:1.2;letter-spacing:-.01em}.auth-aside-copy ul{display:grid;gap:10px;margin:0;padding:0;list-style:none;font-size:.925rem;line-height:1.45;color:#3f3f46}.auth-aside-copy li{display:grid;grid-template-columns:20px 1fr;gap:8px}.auth-aside-copy li:before{content:"";width:20px;height:20px;margin-top:1px;border-radius:999px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-7' fill='none' stroke='%2318181b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px no-repeat,var(--auth-orange)}.auth-card{display:flex;flex-direction:column;gap:20px;border:1px solid var(--auth-line);border-radius:28px;padding:32px;background:#fff;box-shadow:0 24px 60px -36px #18181b59}.auth-card h1{margin:0;font-size:1.75rem;font-weight:700;line-height:1.15;letter-spacing:-.02em}.auth-card-sub{margin:6px 0 0;color:var(--auth-muted);font-size:.95rem;line-height:1.5}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:999px;background:#f5efe8}.auth-tab{min-height:40px;border:0;border-radius:999px;background:transparent;color:var(--auth-muted);font:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.auth-tab[aria-selected=true]{background:#fff;color:var(--auth-ink);box-shadow:0 1px 2px #18181b1f,0 0 0 1px #18181b0a}.auth-tab:disabled{cursor:default}.auth-form{display:grid;gap:16px}.auth-field{display:grid;gap:6px}.auth-field>span{font-size:.875rem;font-weight:600}.auth-field small{color:var(--auth-muted);font-size:.8rem}.auth-input{width:100%;min-height:46px;border:1px solid #d6d3d1;border-radius:14px;padding:10px 14px;background:#fff;color:var(--auth-ink);font:inherit;font-size:1rem;transition:border-color .15s,box-shadow .15s}.auth-input:hover{border-color:#a8a29e}.auth-input:focus{outline:none;border-color:var(--auth-orange);box-shadow:0 0 0 4px #f973162e}.auth-btn{display:inline-flex;width:100%;min-height:48px;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:0 20px;font:inherit;font-size:1rem;font-weight:700;cursor:pointer;transition:background .15s,transform .1s,border-color .15s}.auth-btn:active:not(:disabled){transform:translateY(1px)}.auth-btn:disabled{cursor:progress;opacity:.65}.auth-btn-primary{border:0;background:var(--auth-orange);color:var(--auth-ink)}.auth-btn-primary:hover:not(:disabled){background:#fb923c}.auth-btn-google{border:1px solid #d6d3d1;background:#fff;color:var(--auth-ink)}.auth-btn-google:hover:not(:disabled){border-color:#a8a29e;background:#fafaf9}.auth-btn:focus-visible,.auth-tab:focus-visible,.auth-link:focus-visible{outline:3px solid rgb(249 115 22 / .5);outline-offset:2px}.auth-divider{display:flex;align-items:center;gap:12px;color:#a8a29e;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--auth-line)}.auth-link{justify-self:start;border:0;padding:0;background:none;color:var(--auth-text-orange);font:inherit;font-size:.9rem;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.auth-link-row{display:flex;justify-content:flex-end;margin-top:-6px}.auth-note{margin:0;border-radius:14px;padding:12px 14px;font-size:.9rem;line-height:1.45}.auth-note.is-error{border:1px solid #fecaca;background:#fef2f2;color:#991b1b}.auth-note.is-ok{display:block;border:1px solid #bbf7d0;background:#f0fdf4;color:#166534}.auth-status{color:var(--auth-muted);text-align:center}@media(max-width:860px){.auth-page{padding:20px 16px 48px}.auth-shell{grid-template-columns:minmax(0,1fr);max-width:480px;gap:16px}.auth-aside{min-height:0;padding:16px;border-radius:22px}.auth-aside-art{display:none}.auth-aside-copy{padding:14px 16px;border-radius:16px}.auth-aside-copy h2{margin-bottom:8px;font-size:1.05rem}.auth-aside-copy ul{gap:6px;font-size:.85rem}.auth-aside{order:0}.auth-card{padding:24px 20px;border-radius:22px}.auth-card h1{font-size:1.5rem}}
