.auth-page{width:100%;min-height:calc(100dvh - var(--header-h));isolation:isolate;background:var(--mist);flex:1 0 auto;justify-content:center;align-items:center;padding:2.5rem 0 4.5rem;display:flex;position:relative;overflow:hidden}.auth-page__atmosphere{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.auth-page__grid{opacity:.48;background-image:radial-gradient(circle,#0c0a084d .4px,#0000 .55px);background-size:4.5px 4.5px;position:absolute;inset:-10%;-webkit-mask-image:radial-gradient(68% 58% at 50% 40%,#000 14%,#0000009e 44%,#0000 74%);mask-image:radial-gradient(68% 58% at 50% 40%,#000 14%,#0000009e 44%,#0000 74%)}.auth-page__wash{background:radial-gradient(ellipse 90% 55% at 50% -8%, color-mix(in srgb, var(--bone) 88%, white) 0%, transparent 58%), radial-gradient(ellipse 50% 40% at 82% 88%, color-mix(in srgb, var(--lime) 12%, transparent) 0%, transparent 70%), linear-gradient(180deg, transparent 48%, color-mix(in srgb, var(--paper) 75%, transparent) 100%);position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.auth-page__grid{animation:28s ease-in-out infinite alternate auth-grid-drift}}@keyframes auth-grid-drift{0%{transform:translate(0,0)}to{transform:translate(-10px,8px)}}.auth-page__layout{z-index:1;gap:1.35rem;width:min(100%,26rem);margin-inline:auto;display:grid;position:relative}.auth-page__panel{border:1px solid var(--hairline);background:color-mix(in srgb, var(--paper) 92%, transparent);width:100%;box-shadow:0 1px 0 color-mix(in srgb, var(--paper) 80%, transparent), 0 18px 40px color-mix(in srgb, var(--ink) 5%, transparent);backdrop-filter:blur(10px);border-radius:18px;padding:1.35rem 1.35rem 1.5rem}.auth-plan{border:1px solid color-mix(in srgb, var(--ink) 14%, var(--hairline));background:linear-gradient(180deg, color-mix(in srgb, var(--lime) 18%, var(--paper)) 0%, var(--paper) 38%);box-shadow:0 1px 0 color-mix(in srgb, var(--paper) 70%, transparent), 0 14px 32px color-mix(in srgb, var(--ink) 6%, transparent);border-radius:18px;padding:1.35rem 1.35rem 1.4rem;position:relative}.auth-plan__head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.auth-plan__badge{background:var(--ink);color:#fff;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;height:1.55rem;padding:0 .65rem;font-size:.68rem;font-weight:700;display:inline-flex}.auth-plan__tag{color:var(--ash);font-size:.72rem;font-weight:650}.auth-plan__name{letter-spacing:-.03em;color:var(--ink);margin:0 0 .55rem;font-size:1.15rem;font-weight:650}.auth-plan__price{align-items:baseline;gap:.4rem;margin:0;display:flex}.auth-plan__amount{letter-spacing:-.05em;color:var(--ink);font-size:2.55rem;font-weight:700;line-height:1}.auth-plan__period{color:var(--ash);font-size:.9rem;font-weight:600}.auth-plan__hint{color:var(--ash);margin:.45rem 0 0;font-size:.82rem}.auth-plan__features{border-top:1px solid var(--hairline);gap:.7rem;margin:1.1rem 0 0;padding:1.05rem 0 0;list-style:none;display:grid}.auth-plan__features li{letter-spacing:-.015em;color:var(--ink);grid-template-columns:1.15rem 1fr;align-items:start;gap:.65rem;font-size:.88rem;font-weight:600;line-height:1.35;display:grid}.auth-plan__features svg{width:1.15rem;height:1.15rem;color:var(--ink);background:var(--lime);box-sizing:border-box;border-radius:999px;margin-top:.05rem;padding:.12rem}.auth-page__title{letter-spacing:-.04em;margin:0 0 1.35rem;font-size:clamp(1.7rem,4vw,2.1rem);font-weight:650;line-height:1.12}.auth-page__oauth{gap:.65rem;margin-bottom:1.15rem;display:grid}.auth-page__oauth-btn{border:1px solid var(--border);background:var(--paper);width:100%;height:2.85rem;color:var(--ink);font:inherit;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:.65rem;font-size:.9rem;font-weight:650;transition:background-color .15s,border-color .15s;display:inline-flex}.auth-page__oauth-btn:hover{background:var(--mist);border-color:color-mix(in srgb, var(--ink) 22%, var(--border))}.auth-page__oauth-btn:disabled{opacity:.6;cursor:wait}.auth-page__oauth-icon{flex-shrink:0;width:1.15rem;height:1.15rem}.auth-page__oauth-hint{color:var(--muted);text-align:center;margin:.05rem 0 0;font-size:.8rem;line-height:1.4}.auth-page__divider{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;margin:0 0 1.15rem;font-size:.72rem;font-weight:650;display:grid}.auth-page__divider:before,.auth-page__divider:after{content:"";background:var(--hairline);height:1px}.auth-page__form{gap:.95rem;display:grid}.auth-page__field{gap:.4rem;font-size:.875rem;font-weight:650;display:grid}.auth-page__field input{border:1px solid var(--border);height:2.85rem;font:inherit;background:var(--paper);color:var(--ink);border-radius:12px;padding:0 .95rem;font-weight:400;transition:border-color .15s}.auth-page__field input:hover{border-color:color-mix(in srgb, var(--ink) 22%, var(--border))}.auth-page__field input:focus{outline:2px solid color-mix(in srgb, var(--lime) 70%, var(--ink));outline-offset:1px;border-color:color-mix(in srgb, var(--lime) 35%, var(--border))}.auth-page__forgot{text-align:right;margin:-.15rem 0 0}.auth-page__forgot a{color:var(--ash);font-size:.8rem;font-weight:600;text-decoration:none}.auth-page__forgot a:hover{color:var(--ink)}.auth-page__error{color:#9b1c1c;margin:0;font-size:.875rem;font-weight:500}.auth-page__submit{width:100%;height:2.85rem;font:inherit;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;margin-top:.15rem;font-size:.92rem;font-weight:650;text-decoration:none;display:inline-flex}.auth-page__submit:disabled{opacity:.65;cursor:wait}.auth-page__switch{color:var(--ash);text-align:center;margin:1.2rem 0 0;font-size:.9rem}.auth-page__switch a{color:var(--ink);font-weight:650}.auth-page__success[hidden],.auth-page__oauth[hidden],.auth-page__divider[hidden],.auth-page__form[hidden],.auth-page__switch[hidden],.auth-page__title[hidden],.auth-page__error[hidden]{display:none!important}.auth-page__success-title{letter-spacing:-.03em;margin:0 0 .75rem;font-size:1.35rem}.auth-page__success-body{color:var(--ash);margin:0 0 1.25rem;line-height:1.5}@media (width<=520px){.auth-page{padding:1.25rem 0 3rem}.auth-page__panel{border-radius:16px;padding:1.15rem 1rem 1.25rem}}