.auth-shell{min-height:100vh;position:relative}.auth-shell:after{z-index:0;content:"";pointer-events:none;background:radial-gradient(58% 52% at 76% 38%,#73e59d0f,#0000 70%);position:fixed;inset:0}.auth-shell ::selection{background:color-mix(in srgb, var(--brand) 26%, transparent)}.auth-shell__corner{z-index:5;align-items:center;gap:10px;display:flex;position:absolute;top:20px;right:24px}@media (max-width:640px){.auth-shell__corner{top:14px;right:14px}}.auth-page{z-index:1;grid-template-columns:minmax(0,1fr) minmax(380px,470px);align-content:center;align-items:center;gap:30px clamp(38px,6vw,84px);width:min(1180px,100% - 48px);min-height:100vh;margin:0 auto;padding:clamp(30px,3.5vw,56px) 0;display:grid;position:relative}@media (min-width:901px){.auth-intro{grid-area:1/1;align-self:end}.auth-card{grid-area:1/2/span 2;align-self:center}.auth-benefits{grid-area:2/1;align-self:start}}.auth-intro{max-width:600px}.auth-intro h1{font-family:var(--font-display);letter-spacing:-.04em;margin:12px 0 18px;font-size:clamp(54px,7vw,88px);font-weight:400;line-height:.96}.auth-intro h1 .accent{color:var(--brand)}.auth-intro>p:not(.eyebrow){max-width:520px;color:var(--muted-foreground);font-size:17px;line-height:1.7}.auth-benefits{gap:10px;margin:0;padding:0;list-style:none;display:grid}.auth-benefits li{color:var(--soft);align-items:center;gap:14px;font-size:.95rem;font-weight:650;display:flex}.auth-benefits__icon{border:1px solid color-mix(in srgb, var(--brand) 16%, var(--line));background:color-mix(in srgb, var(--brand) 8%, transparent);width:36px;height:36px;color:var(--brand);border-radius:11px;flex:none;place-items:center;display:grid}.auth-benefits .icon{width:18px;height:18px}.auth-card{border:1px solid var(--line-strong);border-radius:var(--trackday-radius-lg);box-shadow:var(--trackday-shadow);background:#101311f0;flex-direction:column;display:flex;position:relative;overflow:hidden}.auth-card:before{z-index:1;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--brand) 55%, transparent), transparent);content:"";height:1px;position:absolute;inset:0 0 auto}.auth-card__head{border-bottom:1px solid var(--line);background:linear-gradient(180deg, color-mix(in srgb, var(--brand) 4%, transparent), transparent);gap:10px;padding:24px 28px 20px;display:grid}.auth-card__lockup{align-items:center;gap:12px;display:flex}.auth-card__back{border:1px solid var(--line);min-height:34px;color:var(--muted-foreground);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:0 10px 0 8px;font-size:.8rem;font-weight:650;transition:border-color .16s,color .16s,background .16s;display:inline-flex}.auth-card__back:hover{border-color:var(--line-strong);color:var(--foreground);background:#0c0f0d}.auth-card__back svg{width:15px;height:15px;transition:translate .16s;scale:-1 1}.auth-card__back:hover svg{translate:-2px}.auth-card__lockup h2{min-width:0}.auth-card__icon{background:color-mix(in srgb, var(--brand) 10%, transparent);width:36px;height:36px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand) 20%, transparent);color:var(--brand);border-radius:11px;flex:none;place-items:center;display:grid}.auth-card__icon .icon{width:18px;height:18px}.auth-card h2{font-family:var(--font-sans);letter-spacing:-.02em;margin:0;font-size:1.3rem;font-weight:400}.auth-card__head p{color:var(--muted-foreground);margin:0;font-size:.8rem;line-height:1.45}.auth-card__body{flex-direction:column;flex:1;justify-content:center;padding:22px 28px;display:flex}.auth-card form{gap:18px;display:grid}.auth-field{gap:9px;display:grid}.auth-phone-row{gap:14px;display:grid}@media (min-width:520px){.auth-phone-row{grid-template-columns:minmax(0,11.5rem) minmax(0,1fr);gap:12px}}.auth-select{display:block;position:relative}.auth-card select{appearance:none;border:1px solid var(--line-strong);width:100%;min-height:52px;color:var(--foreground);font:inherit;cursor:pointer;background:#0c0f0d;border-radius:13px;padding:0 40px 0 15px;transition:border-color .16s,background .16s}.auth-card select:hover:not(:disabled){border-color:color-mix(in srgb, var(--brand) 40%, var(--line-strong))}.auth-card select:focus{border-color:var(--brand);outline:none}.auth-card select:disabled{opacity:.6;cursor:not-allowed}.auth-select:after{content:"";border-right:1.5px solid var(--muted-foreground);border-bottom:1.5px solid var(--muted-foreground);pointer-events:none;width:8px;height:8px;position:absolute;top:50%;right:16px;translate:0 -70%;rotate:45deg}.auth-phone-actions{gap:18px;margin-top:18px;display:grid}.auth-field__head{justify-content:space-between;align-items:center;gap:12px;min-height:18px;display:flex}.auth-field label{color:var(--muted-foreground);font-size:13px;font-weight:650}.auth-card input:not([type=checkbox]):not([type=radio]){border:1px solid var(--line-strong);width:100%;min-height:52px;color:var(--foreground);caret-color:var(--brand);font:inherit;background:#0c0f0d;border-radius:13px;padding:0 15px;transition:border-color .16s,background .16s}.auth-card input:not([type=checkbox]):not([type=radio])::placeholder{color:color-mix(in srgb, var(--muted-foreground) 65%, transparent)}.auth-card input:not([type=checkbox]):not([type=radio]):hover:not(:disabled){border-color:color-mix(in srgb, var(--brand) 40%, var(--line-strong))}.auth-card input:not([type=checkbox]):not([type=radio]):focus{border-color:var(--brand)}.auth-card input:not([type=checkbox]):not([type=radio]):disabled{opacity:.6}.auth-field__error{color:var(--destructive);font-size:12px;font-weight:500}.auth-card input[data-invalid=true],.auth-card input[data-invalid=true]:hover:not(:disabled){border-color:var(--destructive)}.auth-password{display:block;position:relative}.auth-password input{padding-right:48px}.auth-password__toggle{width:32px;height:32px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;transition:color .16s;display:grid;position:absolute;top:50%;right:12px;translate:0 -50%}.auth-password__toggle:hover{color:var(--foreground)}.auth-password__toggle span{width:18px;height:18px;display:block;position:relative}.auth-password__toggle svg{width:18px;height:18px;transition:opacity .2s;position:absolute;inset:0}.auth-password__toggle svg[data-hidden=true]{opacity:0}.auth-hint{color:var(--trackday-warning);font-size:12px;font-weight:600}.auth-submit{width:100%;min-height:52px;margin-top:2px}.auth-submit:disabled{opacity:.72}.auth-submit:hover:not(:disabled){box-shadow:0 12px 30px -14px color-mix(in srgb, var(--brand) 65%, transparent)}.auth-spinner{border:2px solid #080a0938;border-top-color:#080a09;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite auth-spin}@keyframes auth-spin{to{rotate:360deg}}.auth-divider{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:18px 0;display:grid}.auth-divider:before,.auth-divider:after{background:var(--line);content:"";height:1px}.auth-divider p{color:var(--muted-foreground);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px;font-weight:650}.auth-google{width:100%;min-height:46px;color:var(--foreground)}.auth-google:hover:not(:disabled){border-color:var(--brand);background:#0c0f0d}.auth-legal{color:var(--muted-foreground);text-align:left;cursor:pointer;align-items:flex-start;gap:10px;margin:4px 0 16px;font-size:12px;line-height:1.5;display:flex}.auth-legal input{appearance:none;border:2px solid var(--line-strong);background:var(--background);cursor:pointer;border-radius:4px;flex-shrink:0;place-content:center;width:18px;height:18px;margin-top:2px;transition:border-color .16s,background .16s;display:grid}.auth-legal input:hover{border-color:var(--soft)}.auth-legal input:focus-visible{outline:2px solid color-mix(in srgb, var(--brand) 45%, transparent);outline-offset:2px}.auth-legal input:checked{border-color:var(--brand);background:var(--brand)}.auth-legal input:checked:after{content:"";border:2px solid var(--brand-ink);border-top:0;border-right:0;width:9px;height:5px;transform:rotate(-45deg)translateY(-1px)}.auth-legal a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:2px;transition:color .16s,text-decoration-color .16s}.auth-legal a:hover{color:var(--foreground);-webkit-text-decoration-color:var(--brand);text-decoration-color:var(--brand)}.auth-choices{gap:10px;display:grid}.auth-choice{border:1px solid var(--line-strong);cursor:pointer;background:#0c0f0d;border-radius:13px;align-items:flex-start;gap:13px;padding:15px 16px;transition:border-color .16s,background .16s;display:flex}.auth-choice:hover{border-color:color-mix(in srgb, var(--brand) 40%, var(--line-strong))}.auth-choice[data-selected=true]{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 6%, #0c0f0d)}.auth-choice input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.auth-choice:has(input:focus-visible){outline-offset:2px;outline:3px solid #73e59d47}.auth-choice__icon{background:color-mix(in srgb, var(--brand) 10%, transparent);width:36px;height:36px;color:var(--brand);border-radius:11px;flex:none;place-items:center;display:grid}.auth-choice__icon .icon{width:18px;height:18px}.auth-choice__copy{gap:3px;display:grid}.auth-choice__copy strong{font-size:.92rem;font-weight:600}.auth-choice__copy>span{color:var(--muted-foreground);font-size:.8rem;line-height:1.45}.auth-stack{gap:18px;display:grid}.auth-stack__note{color:var(--muted-foreground);margin:0;font-size:13px}.auth-status{text-align:center;justify-items:center;gap:12px;padding:16px 0;display:grid}.auth-status p{color:var(--muted-foreground);margin:0;font-size:14px}.auth-status__spinner{border:2px solid var(--line-strong);border-top-color:var(--brand);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite auth-spin}.auth-card__head .eyebrow+.auth-card__lockup{margin-top:-2px}.auth-card__head strong{color:var(--foreground);font-weight:600}.topbar__actions{align-items:center;gap:10px;display:flex}.auth-switch{border:0;border-top:1px solid var(--line);width:100%;color:var(--muted-foreground);cursor:pointer;text-align:left;background:#0c0f0d;justify-content:space-between;align-items:center;gap:14px;margin:0;padding:15px 28px;font-size:13px;transition:background .16s,color .16s;display:flex}.auth-switch:hover{background:var(--trackday-surface-strong);color:var(--foreground)}.auth-switch__action{color:var(--foreground);align-items:center;gap:8px;font-size:.92rem;font-weight:700;display:inline-flex}.auth-switch:hover .auth-switch__action{color:var(--brand)}.auth-switch__action svg{width:17px;height:17px;transition:translate .16s}.auth-switch:hover .auth-switch__action svg{translate:3px}.auth-notice{color:var(--brand);background:#65e59714;border:1px solid #65e59747;border-radius:12px;margin:0 0 16px;padding:12px 14px;font-size:13px}.auth-error{color:#fca5a5;background:#f184841a;border:1px solid #f184844d;border-radius:12px;margin:0 0 16px;padding:12px 14px;font-size:13px}@media (prefers-reduced-motion:no-preference){@keyframes auth-rise{0%{opacity:0;translate:0 12px}}.auth-intro>.eyebrow,.auth-intro h1,.auth-intro>p:not(.eyebrow),.auth-benefits li,.auth-rise{animation:.56s cubic-bezier(.22,1,.36,1) backwards auth-rise}@keyframes auth-card-in{0%{opacity:0;translate:0 6px}}.auth-card{animation:.3s cubic-bezier(.22,1,.36,1) backwards auth-card-in}.auth-rise--1{animation-delay:60ms}.auth-rise--2{animation-delay:.12s}.auth-rise--3{animation-delay:.18s}.auth-rise--4{animation-delay:.24s}.auth-intro h1{animation-delay:60ms}.auth-intro>p:not(.eyebrow){animation-delay:.11s}.auth-benefits li:first-child{animation-delay:.16s}.auth-benefits li:nth-child(2){animation-delay:.21s}.auth-benefits li:nth-child(3){animation-delay:.26s}.auth-card{animation-delay:80ms}}::view-transition-group(.morph){animation-duration:.36s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-image-pair(.morph){animation-name:auth-morph-blur}@keyframes auth-morph-blur{30%{filter:blur(2px)}}::view-transition-group(site-header){z-index:100;animation:none}::view-transition-old(site-header){display:none}::view-transition-new(site-header){animation:none}::view-transition-old(root){animation-duration:.28s}::view-transition-new(root){animation-duration:.28s}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}@media (max-width:900px){.auth-page{grid-template-columns:1fr;row-gap:26px;width:min(100% - 40px,600px);padding:30px 0 56px}.auth-intro h1{margin-bottom:14px;font-size:clamp(42px,11vw,62px)}.auth-intro>p:not(.eyebrow){font-size:15px}.auth-benefits li{font-size:.88rem}.settings-grid,.plan-grid{grid-template-columns:1fr}}@media (max-width:640px){.auth-page{row-gap:22px;width:min(100% - 28px,540px);padding:24px 0 44px}.auth-intro h1{font-size:clamp(38px,10.5vw,52px)}.auth-benefits{gap:8px}.auth-benefits__icon{border-radius:10px;width:32px;height:32px}.auth-card__head{padding:20px 20px 16px}.auth-card__body{padding:20px}.auth-switch{min-height:60px;padding:14px 20px}.trial-banner{align-items:flex-start}.attention-list button,.event-watchlist__list button{grid-template-columns:40px 1fr 16px}.attention-list button em,.event-watchlist__list button em{grid-column:2;justify-self:start}}
