@layer components{.auth-brand-details{gap:var(--echo-spacing-350);margin-top:var(--echo-spacing-600);display:grid}.auth-brand-details :where(p){max-inline-size:var(--auth-brand-lead-max-inline-size);color:var(--muted-foreground);line-height:var(--echo-leading-relaxed);margin:0}.auth-brand-details :where(strong){color:var(--foreground)}.auth-panel{padding:var(--auth-panel-padding);justify-content:center;align-items:center;display:flex}@keyframes auth-shell-background-drift{0%{transform:translate(-2%,-1%)scale(1)}50%{transform:translate(1%,2%)scale(1.04)}to{transform:translate(3%,-2%)scale(1.08)}}@media (max-width:960px){.auth-shell{grid-template-columns:1fr}.auth-brand-panel{display:none}.auth-panel{padding:var(--auth-mobile-inline-padding)}}}
@layer components{.auth-shell{min-block-size:calc(100dvh - var(--app-header-main-offset,5rem));grid-template-columns:var(--auth-shell-columns);isolation:isolate;display:grid;position:relative;overflow:hidden}.auth-shell:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 18% 24%, color-mix(in srgb, var(--primary) 10%, transparent), transparent 32%), radial-gradient(circle at 82% 20%, color-mix(in srgb, var(--auth-success) 9%, transparent), transparent 26%), radial-gradient(circle at 64% 82%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 30%);opacity:.55;filter:blur(18px);animation:26s ease-in-out infinite alternate auth-shell-background-drift;position:absolute;inset:-18%;transform:translate(0,0)scale(1)}.auth-shell>*{z-index:var(--echo-z-raised);position:relative}.auth-brand-panel{padding:var(--auth-brand-panel-padding-block) var(--auth-brand-panel-padding-inline);flex-direction:column;justify-content:space-between;display:flex}.auth-brand-copy{max-inline-size:var(--auth-brand-copy-max-inline-size);padding:var(--auth-brand-copy-padding-block-start) 0 var(--auth-brand-copy-padding-block-end)}.auth-brand-kicker{margin:0 0 var(--echo-spacing-400);color:var(--primary);font-size:var(--echo-text-300);font-weight:var(--echo-font-bold);letter-spacing:var(--echo-tracking-wide);text-transform:uppercase}.auth-brand-title{font-size:clamp(var(--echo-text-800), 5vw, 4.75rem);letter-spacing:-.05em;margin:0;line-height:.96}.auth-brand-lead{margin:var(--echo-spacing-500) 0 0;max-inline-size:var(--auth-brand-lead-max-inline-size);color:var(--muted-foreground);font-size:var(--echo-text-400);line-height:var(--echo-leading-relaxed)}}
@layer components{.auth-inline-message{color:var(--muted-foreground);font-size:var(--echo-text-350);line-height:var(--echo-leading-normal)}.auth-inline-message--success{color:var(--auth-success)}.auth-submit-content{align-items:center;gap:var(--auth-inline-gap);display:inline-flex}.auth-mini-spinner{border-radius:var(--echo-radius-full);border:2px solid;border-right-color:#0000;width:1rem;height:1rem;animation:.7s linear infinite auth-spin}.auth-switch-note{justify-content:center;align-items:center;gap:var(--echo-spacing-200);color:var(--muted-foreground);font-size:var(--echo-text-350);text-align:center;flex-wrap:wrap;margin:0;display:flex}.auth-checkbox-row{align-items:center;gap:var(--auth-inline-gap);grid-template-columns:auto 1fr;display:grid}.auth-checkbox-row :where([data-slot=checkbox]){margin-top:0}.auth-checkbox-row :where(span){line-height:var(--echo-leading-normal)}.auth-info-panel{padding:var(--echo-spacing-100) 0;text-align:center}.auth-info-value{margin:var(--echo-spacing-200) 0 0;font-weight:var(--echo-font-bold)}.auth-back-link{font-size:var(--echo-text-350);justify-self:center}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (max-width:640px){.auth-field-header{flex-direction:column;align-items:flex-start}}}
@layer components{.auth-status{padding:var(--echo-spacing-350) var(--echo-spacing-400);border-radius:var(--echo-radius-lg);font-size:var(--echo-text-350);line-height:var(--echo-leading-normal);border:1px solid #0000}.auth-status--error{color:var(--destructive);background:var(--auth-danger-soft);border-color:color-mix(in srgb, var(--destructive) 16%, transparent)}.auth-status--success{color:var(--auth-success);background:var(--auth-success-soft);border-color:color-mix(in srgb, var(--auth-success) 16%, transparent)}.auth-form{gap:var(--auth-form-gap);display:grid}.auth-form-field{gap:var(--auth-field-gap);display:grid}.auth-field-header{gap:var(--echo-spacing-400);display:flex}.auth-field-header:has(.auth-field-link){justify-content:space-between;align-items:center}.auth-link-button{appearance:none;padding:var(--echo-spacing-200) var(--echo-spacing-350);cursor:pointer;font:inherit;background:0 0;border:0}:is(.auth-field-link,.auth-switch-link,.auth-back-link,.auth-link-button){justify-content:center;align-items:center;gap:var(--echo-spacing-100);padding:var(--echo-spacing-200) var(--echo-spacing-350);border:1px solid color-mix(in srgb, var(--border) 76%, transparent);border-radius:var(--echo-radius-md);background:color-mix(in srgb, var(--card) 84%, transparent);box-shadow:var(--echo-shadow-xs);color:var(--primary);text-decoration:none;transition:border-color .15s,background-color .15s,color .15s,box-shadow .15s;display:inline-flex}:is(.auth-field-link,.auth-switch-link,.auth-back-link,.auth-link-button):hover{border-color:color-mix(in srgb, var(--primary) 26%, var(--border));background:color-mix(in srgb, var(--primary) 8%, var(--card));text-decoration:none}:is(.auth-field-link,.auth-switch-link,.auth-back-link,.auth-link-button):focus-visible{outline:var(--echo-focus-ring);outline-offset:var(--echo-focus-ring-offset)}.auth-field-message{min-block-size:1.2rem;color:var(--destructive);font-size:var(--echo-text-300)}.auth-submit{width:100%}}
@layer components{.auth-form-layout{width:100%;max-inline-size:var(--auth-page-max-inline-size)}.auth-stack{gap:var(--auth-stack-gap);display:grid}.auth-card{border-color:color-mix(in srgb, var(--input) 72%, transparent);background:var(--card);color:var(--card-foreground);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--auth-card-shadow)}.auth-card-header{gap:var(--echo-spacing-100);padding:var(--auth-card-padding-block-start) var(--auth-card-padding-inline) 0;display:grid}.auth-card-title{font-size:clamp(var(--echo-text-600), 4vw, 2.3rem);letter-spacing:var(--echo-tracking-tight)}.auth-card-description{color:var(--muted-foreground);line-height:var(--echo-leading-relaxed);margin:0}.auth-card-content{gap:var(--echo-spacing-500);padding:var(--auth-card-padding-block-middle) var(--auth-card-padding-inline) var(--auth-card-padding-block-end);display:grid}@media (max-width:960px){:is(.auth-card-header,.auth-card-content){padding-left:var(--auth-mobile-inline-padding);padding-right:var(--auth-mobile-inline-padding)}}}
