.auth{min-height:100vh;min-height:100dvh;background:radial-gradient(ellipse 60% 45% at 50% 0%,rgba(250,204,21,.12),transparent 70%),radial-gradient(ellipse 50% 40% at 50% 100%,rgba(234,179,8,.08),transparent 70%),var(--bg)}.auth__main{display:flex;flex-direction:column;min-height:inherit;padding:28px 40px}.auth__top{display:flex;align-items:center;justify-content:space-between;gap:16px}.auth__top .brand__logo{height:32px}.auth__back{display:inline-flex;align-items:center;gap:8px;color:var(--text-2);font-size:14px;transition:color .3s}.auth__back i{font-size:18px;transition:transform .35s var(--ease)}.auth__back:hover{color:var(--gold-light)}.auth__back:hover i{transform:translate(-3px)}.auth__body{display:grid;gap:22px;width:100%;max-width:480px;margin:auto;padding:40px 36px;border-radius:var(--radius-lg);background:linear-gradient(180deg,#1e1e22e0,#111113eb) padding-box,linear-gradient(160deg,#fde04766,#facc150f 45%,#facc1538) border-box;border:1px solid transparent;box-shadow:0 40px 100px -40px #000000e6,0 30px 90px -60px #facc1573}.auth__head h2{font-size:clamp(30px,3vw,38px);font-weight:700}.auth__head p{margin-top:6px;color:var(--text-2);font-size:15px}.auth__tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:5px;border:1px solid var(--line-2);border-radius:999px;background:var(--surface)}.auth__tabs button{height:42px;border-radius:999px;color:var(--text-2);font-size:14px;font-weight:500;transition:background .35s,color .35s}.auth__tabs button:hover{color:var(--gold-light)}.auth__tabs button[aria-selected=true]{background:var(--gold-grad);color:#141109;font-weight:600}.auth__plan{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid var(--line-2);border-radius:var(--radius);background:linear-gradient(135deg,#facc151a,#facc1505)}.auth__plan small{display:block;color:var(--muted);font-size:12px}.auth__plan b{font-size:15px;font-weight:600}.auth__plan b .mono{color:var(--gold-light)}.auth__plan p{color:var(--muted);font-size:12.5px}.auth__plan a{flex:none;color:var(--gold-soft);font-size:13px;text-decoration:underline;text-underline-offset:3px}.auth__plan a:hover{color:var(--gold-light)}.auth__form{display:grid;gap:18px}.auth__link{color:var(--gold-soft);font-size:13.5px;transition:color .3s}.auth__link:hover{color:var(--gold-light)}.auth__switch{color:var(--muted);font-size:14px;text-align:center}.auth__switch button{color:var(--gold-soft);font-weight:500;transition:color .3s}.auth__switch button:hover{color:var(--gold-light)}.auth__foot{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;color:var(--muted);font-size:12.5px}.auth__foot a:hover{color:var(--gold-light)}.auth__body{animation:rise .8s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}@media (max-width: 640px){.auth__main{padding:20px var(--gutter)}.auth__top .brand__logo{height:28px}.auth__body{padding:32px 0;border:0;border-radius:0;background:none;box-shadow:none}}@media (max-width: 420px){.auth__back span{display:none}}.auth__top-end{display:flex;align-items:center;gap:16px}:root[data-theme=light] .auth{background:radial-gradient(ellipse 60% 45% at 50% 0%,rgba(250,204,21,.22),transparent 70%),radial-gradient(ellipse 50% 40% at 50% 100%,rgba(253,224,71,.18),transparent 70%),var(--bg)}:root[data-theme=light] .auth__body{background:linear-gradient(180deg,#fff,#fffdf5) padding-box,linear-gradient(160deg,#facc15bf,#eab3081f 45%,#eab30873) border-box;box-shadow:0 40px 100px -45px #a1620759,0 30px 90px -60px #eab30880}:root[data-theme=light] .auth__plan{background:linear-gradient(135deg,#facc152e,#facc150a)}@media (max-width: 640px){:root[data-theme=light] .auth__body{background:none;box-shadow:none}}