.auth-page{background:var(--bg-base);color:var(--text-primary);min-height:100svh}.auth-grid{min-height:inherit;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);max-width:1680px;margin:0 auto;display:grid}.auth-media{isolation:isolate;border-radius:var(--radius-card);background:var(--bg-card);height:clamp(180px,28svh,240px);margin:10px 10px 0;position:relative;overflow:hidden}.auth-media-img{object-fit:cover;object-position:50% 62%}.auth-media[data-lamp=corner] .auth-media-img{object-position:53.5% 50%}.auth-media-scrim{z-index:1;pointer-events:none;background:linear-gradient(to bottom, color-mix(in srgb, var(--bg-base) 62%, transparent), transparent 42%), linear-gradient(to top, color-mix(in srgb, var(--bg-base) 55%, transparent), transparent 40%);position:absolute;inset:0}.auth-media-glow{z-index:1;aspect-ratio:1;pointer-events:none;mix-blend-mode:screen;border-radius:var(--radius-pill);background:radial-gradient(closest-side, color-mix(in srgb, var(--accent-primary) 38%, transparent), color-mix(in srgb, var(--accent-primary) 14%, transparent) 45%, transparent);width:min(560px,90%);animation:hg-breathe var(--motion-breathe) infinite;display:none;position:absolute;translate:-50% -50%}.auth-media[data-lamp=ceiling] .auth-media-glow{top:3%;left:50%}.auth-media[data-lamp=corner] .auth-media-glow{width:min(360px,70%);top:43%;left:53.5%}.auth-media-bar{z-index:3;justify-content:space-between;align-items:center;gap:12px;padding:10px 10px 0 16px;display:flex;position:absolute;top:0;left:0;right:0}.auth-lockup{min-height:44px;color:var(--text-primary);border-radius:var(--radius-pill);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.auth-lockup-mark{flex-shrink:0;display:block}.auth-lockup-word{font:600 19px/1 var(--font-display);letter-spacing:-.4px}.auth-media-tag{z-index:3;inset-inline-start:14px;font:var(--type-badge-weight) var(--type-badge-size) / 1 var(--font-body);color:var(--text-primary);border-radius:var(--radius-badge);background:color-mix(in srgb, var(--bg-base) 58%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:8px 12px;position:absolute;bottom:14px}.auth-media-caption{display:none}.auth-switch{min-height:44px;font:600 15px/1 var(--font-body);color:var(--text-primary);white-space:nowrap;border:1px solid var(--border-subtle);border-radius:var(--radius-pill);transition:border-color var(--motion-standard), background-color var(--motion-standard);align-items:center;padding:0 18px;text-decoration:none;display:inline-flex}.auth-switch:hover{border-color:var(--text-secondary)}.auth-switch-onimage{background:color-mix(in srgb, var(--bg-base) 55%, transparent);border-color:color-mix(in srgb, var(--text-primary) 16%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.auth-form-panel{min-width:0;padding:0 var(--screen-margin) calc(var(--space-10) + env(safe-area-inset-bottom));flex-direction:column;display:flex}.auth-form-top{display:none}.auth-form-col{flex-direction:column;width:100%;max-width:420px;margin:0 auto;padding-top:28px;display:flex}@media (min-width:768px){.auth-grid{grid-template-rows:none;grid-template-columns:minmax(0,5fr) minmax(0,6fr)}.auth-media{border-radius:var(--radius-sheet);align-self:start;height:calc(100svh - 24px);min-height:560px;margin:12px 0 12px 12px;position:sticky;top:12px}.auth-media-img{object-position:50% 50%}.auth-media[data-lamp=none] .auth-media-img{object-position:40% 50%}.auth-media-glow{display:block}.auth-media-scrim{background:linear-gradient(to bottom, color-mix(in srgb, var(--bg-base) 50%, transparent), transparent 22%), linear-gradient(to top, color-mix(in srgb, var(--bg-base) 92%, transparent), color-mix(in srgb, var(--bg-base) 55%, transparent) 30%, transparent 58%)}.auth-media-bar{padding:16px 16px 0 22px}.auth-switch-onimage{display:none}.auth-media-tag{inset-inline-start:auto;bottom:auto;inset-inline-end:16px;top:22px}.auth-media-caption{z-index:2;flex-direction:column;gap:10px;padding:28px;display:flex;position:absolute;bottom:0;left:0;right:0}.auth-media-title{font:700 30px/1.05 var(--font-display);letter-spacing:-.03em;color:var(--text-primary);text-wrap:balance;max-width:16ch;margin:0}.auth-media-sub{font:400 16px/1.5 var(--font-body);color:var(--text-secondary);text-wrap:pretty;max-width:36ch;margin:0}.auth-before{aspect-ratio:3/2;border-radius:var(--radius-thumbnail);border:1px solid color-mix(in srgb, var(--text-primary) 28%, transparent);background:var(--bg-card);width:140px;margin:0 0 10px;position:relative;overflow:hidden}.auth-before-tag{font:600 11px/1 var(--font-body);color:var(--text-primary);border-radius:var(--radius-badge);background:color-mix(in srgb, var(--bg-base) 62%, transparent);padding:5px 8px;position:absolute;top:8px;left:8px}.auth-form-panel{min-height:100svh;padding:20px 32px 32px}.auth-form-top{justify-content:flex-end;align-items:center;gap:12px;display:flex}.auth-form-top-prompt{font:400 15px/1.3 var(--font-body);color:var(--text-tertiary)}.auth-form-col{margin:auto;padding:40px 0}}@media (min-width:1024px){.auth-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)}.auth-media-caption{gap:12px;padding:40px}.auth-media-title{font-size:44px;line-height:1}.auth-media-sub{font-size:18px}.auth-before{width:176px;margin-bottom:14px}.auth-form-panel{padding:24px 56px 40px}}.auth-eyebrow{margin-bottom:14px}.auth-title{font:700 32px/1.06 var(--font-display);letter-spacing:-.03em;text-wrap:balance;margin:0 0 10px}@media (min-width:768px){.auth-title{font-size:38px}}.auth-accent{color:var(--accent-primary)}.auth-subtitle{font:400 16px/1.5 var(--font-body);color:var(--text-secondary);margin:0 0 28px}.auth-subtitle a,.auth-banner a{color:var(--text-primary);text-decoration:underline;-webkit-text-decoration-color:var(--accent-primary);text-decoration-color:var(--accent-primary);text-underline-offset:4px;font-weight:600;text-decoration-thickness:2px}.auth-subtitle a:hover{color:var(--accent-primary)}.auth-social-col{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.auth-social-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.auth-social-btn{box-sizing:border-box;background:var(--bg-elevated);border:1px solid color-mix(in srgb, var(--text-primary) 12%, transparent);width:100%;min-height:52px;color:var(--text-primary);border-radius:var(--radius-pill);font:600 15px/1 var(--font-body);cursor:pointer;transition:border-color var(--motion-standard), background-color var(--motion-standard), opacity var(--motion-standard), transform var(--motion-standard);justify-content:center;align-items:center;gap:10px;padding:0 16px;display:flex}.auth-social-btn:not(:disabled):hover{border-color:color-mix(in srgb, var(--text-primary) 30%, transparent);background:var(--bg-card)}.auth-social-btn:not(:disabled):active{transform:scale(var(--motion-press-scale))}.auth-social-btn:disabled{opacity:.45;cursor:not-allowed}.auth-google-wrap{border-radius:var(--radius-pill);position:relative;overflow:hidden}.auth-google-overlay{opacity:.01;z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-google-wrap:hover .auth-social-btn:not(:disabled){border-color:color-mix(in srgb, var(--text-primary) 30%, transparent);background:var(--bg-card)}.auth-google-wrap:focus-within{outline:2px solid var(--text-primary);outline-offset:3px}.auth-social-btn-telegram{color:#fff;background:#229ed9;border:none}.auth-social-btn-telegram:not(:disabled):hover{background:#1e8dc2}.auth-social-btn-tiktok{color:#fff;background:#000;border:none}.auth-social-btn-tiktok:not(:disabled):hover{background:#262626}.auth-divider{align-items:center;gap:14px;margin-bottom:24px;display:flex}.auth-divider-line{background:var(--border-subtle);flex-grow:1;height:1px}.auth-divider-label{font:400 13px/1 var(--font-body);color:var(--text-tertiary)}.auth-field-group{flex-direction:column;gap:18px;display:flex}.auth-field{flex-direction:column;gap:8px;display:flex}.auth-field-row{justify-content:space-between;align-items:center;gap:12px;min-height:20px;display:flex}.auth-label{font:600 14px/1.2 var(--font-body);color:var(--text-secondary)}.auth-forgot-link{font:500 14px/1 var(--font-body);color:var(--text-secondary);margin:-6px 0;padding:6px 0;text-decoration:none}.auth-forgot-link:hover{color:var(--text-primary);text-decoration:underline;-webkit-text-decoration-color:var(--accent-primary);text-decoration-color:var(--accent-primary);text-underline-offset:4px}.auth-input-wrap{position:relative}.auth-input{box-sizing:border-box;background:var(--bg-elevated);border:1px solid color-mix(in srgb, var(--text-primary) 12%, transparent);border-radius:var(--radius-input);width:100%;height:56px;color:var(--text-primary);caret-color:var(--accent-primary);font:400 16px/1.3 var(--font-body);transition:border-color var(--motion-standard), box-shadow var(--motion-standard), background-color var(--motion-standard);outline:none;padding:0 18px;scroll-margin-block:96px}.auth-input-wrap-toggle .auth-input{padding-inline-end:58px}.auth-input::placeholder{color:var(--text-tertiary)}.auth-input:hover{border-color:color-mix(in srgb, var(--text-primary) 22%, transparent)}.auth-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent-primary) 22%, transparent)}.auth-input-error,.auth-input-error:hover{border-color:var(--danger)}.auth-input-error:focus{border-color:var(--danger);box-shadow:0 0 0 4px color-mix(in srgb, var(--danger) 24%, transparent)}.auth-input:-webkit-autofill{-webkit-text-fill-color:var(--text-primary);box-shadow:0 0 0 1000px var(--bg-card) inset;transition:background-color 9999s ease-out}.auth-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary);box-shadow:0 0 0 1000px var(--bg-card) inset;transition:background-color 9999s ease-out}.auth-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);box-shadow:0 0 0 1000px var(--bg-card) inset;transition:background-color 9999s ease-out}.auth-reveal{top:50%;border-radius:var(--radius-pill);width:44px;height:44px;color:var(--text-tertiary);cursor:pointer;transition:color var(--motion-standard), background-color var(--motion-standard);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-inline-end:6px;translate:0 -50%}.auth-reveal:hover,.auth-reveal[aria-pressed=true]{color:var(--text-primary)}.auth-reveal:hover{background:var(--border-subtle)}.auth-field-hint{font:400 13px/1.4 var(--font-body);color:var(--text-tertiary);margin:0}.auth-field-error{font:500 14px/1.4 var(--font-body);color:color-mix(in srgb, var(--danger) 72%, var(--text-primary));align-items:flex-start;gap:7px;margin:0;display:flex}.auth-field-error svg{flex-shrink:0;margin-top:2px}.auth-banner{border-radius:var(--radius-input);background:var(--chip-bad-bg);border:1px solid color-mix(in srgb, var(--danger) 55%, transparent);color:var(--text-primary);font:400 15px/1.45 var(--font-body);animation:hg-reveal var(--motion-reveal) both;align-items:flex-start;gap:10px;margin-bottom:18px;padding:14px 16px;display:flex}.auth-banner>svg{color:color-mix(in srgb, var(--danger) 72%, var(--text-primary));flex-shrink:0;margin-top:2px}.auth-pill-link{width:100%;height:var(--cta-height);padding:0 var(--space-6);box-sizing:border-box;border-radius:var(--radius-pill);background:var(--accent-primary);color:var(--accent-on);font:var(--type-button-weight) var(--type-button-size) / 1 var(--font-body);transition:background-color var(--motion-standard), transform var(--motion-standard);justify-content:center;align-items:center;gap:8px;text-decoration:none;display:flex}.auth-pill-link:hover{background:var(--accent-pressed)}.auth-pill-link:active{transform:scale(var(--motion-press-scale))}.auth-cta-note{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--accent-primary) 8%, var(--bg-base));border:1px solid color-mix(in srgb, var(--accent-primary) 18%, transparent);justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:10px 14px;display:flex}.auth-cta-note-text{font:500 14px/1.3 var(--font-body);color:var(--text-primary)}.auth-legal{font:400 13px/1.55 var(--font-body);color:var(--text-tertiary);text-align:center;text-wrap:balance;margin:22px 0 0}.auth-legal a{color:var(--text-secondary);text-underline-offset:3px}.auth-legal a:hover{color:var(--text-primary)}.auth-page :is(a,button):focus-visible{outline:2px solid var(--text-primary);outline-offset:3px}.auth-center-state{text-align:center;animation:hg-reveal var(--motion-reveal) both;flex-direction:column;align-items:center;gap:14px;padding:12px 0;display:flex}.auth-center-state>.auth-pill-link,.auth-center-state>button{margin-top:10px}.auth-state-icon{border-radius:var(--radius-pill);background:var(--bg-elevated);border:1px solid var(--border-subtle);flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:6px;display:flex;position:relative}.auth-state-icon-lit:before{content:"";z-index:-1;border-radius:var(--radius-pill);background:radial-gradient(closest-side, color-mix(in srgb, var(--accent-primary) 30%, transparent), transparent);animation:hg-breathe var(--motion-breathe) infinite;position:absolute;inset:-36px}.auth-state-title{font:700 30px/1.1 var(--font-display);letter-spacing:-.025em;color:var(--text-primary);text-wrap:balance;margin:0}.auth-state-body{font:400 16px/1.55 var(--font-body);color:var(--text-secondary);text-wrap:pretty;max-width:34ch;margin:0}.auth-state-body strong{color:var(--text-primary);word-break:break-word;font-weight:600}.auth-back-link{min-height:44px;font:600 15px/1 var(--font-body);color:var(--text-secondary);border-radius:var(--radius-pill);align-self:center;align-items:center;gap:8px;margin-top:12px;padding:0 4px;text-decoration:none;display:inline-flex}.auth-back-link:hover{color:var(--text-primary)}.auth-pending{min-height:320px}@media (prefers-reduced-motion:reduce){.auth-media-glow,.auth-state-icon-lit:before,.auth-banner,.auth-center-state{animation:none}.auth-input,.auth-switch,.auth-social-btn,.auth-pill-link{transition:none}}