.surface-page{background:var(--surface);min-height:100vh;color:var(--light);position:relative}.surface-page--padded{padding:4rem 2rem}.surface-page--centered{justify-content:center;align-items:center;padding:2rem;display:flex}.surface-page__glow{pointer-events:none;position:absolute;inset:0}.surface-page__glow--pricing{background:radial-gradient(ellipse 800px 500px at 50% 20%,var(--gold-glow),transparent 60%)}.surface-page__glow--auth{background:radial-gradient(ellipse 600px 400px at 50% 30%,var(--gold-glow),transparent 60%)}.surface-page__inner{width:100%;margin:0 auto;position:relative}.surface-page__inner--wide{max-width:60rem}.surface-page__inner--medium{max-width:50rem}.surface-page__inner--compact{max-width:36rem}.surface-page__inner--xs{max-width:26.25rem}.surface-page__header{text-align:center;margin-bottom:3rem}.surface-page__header--split{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:3rem;display:flex}.surface-eyebrow{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--gold-dim);margin-bottom:1rem;font-size:.75rem}.surface-eyebrow--bright{color:var(--gold)}.surface-kicker{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ash);margin-bottom:.25rem;font-size:.6rem}.surface-title{font-family:var(--font-serif);color:var(--light);margin-bottom:1rem;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.15}.surface-title--medium{color:var(--smoke);margin-bottom:.5rem;font-size:1.5rem;font-weight:400}.surface-title--small{color:var(--smoke);margin-bottom:1rem;font-size:1.875rem;font-weight:400}.surface-copy{font-family:var(--font-sans);color:var(--steel);font-size:1rem;line-height:1.7}.surface-copy--smoke{color:var(--smoke)}.surface-copy--small{font-size:.95rem}.surface-copy--xs{font-size:.85rem;line-height:1.6}.surface-copy+.surface-copy{margin-top:1rem}.surface-divider{background:var(--gold);width:2.5rem;height:2px;margin-bottom:2rem}.surface-panel{background:var(--charcoal);border:1px solid var(--gold-border);border-radius:1rem;padding:1.5rem 2rem}.surface-panel--subtle{background:var(--surface);border-color:var(--border-mid)}.surface-panel--raised{background:var(--surface-raised)}.surface-panel--flat{border-radius:0}.surface-banner{margin-bottom:2rem;padding:1rem 1.5rem}.surface-banner--gold{background:var(--gold-subtle);border:1px solid var(--gold-border)}.surface-banner--muted{background:var(--surface);border:1px solid var(--border-mid)}.surface-banner--center{text-align:center}.surface-banner__text{font-family:var(--font-sans);color:var(--steel);font-size:.95rem}.surface-banner__text--gold{color:var(--gold)}.surface-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.surface-actions--center{justify-content:center}.surface-link{font-family:var(--font-sans);color:var(--ash);text-underline-offset:3px;font-size:.85rem;text-decoration:underline}.surface-link--gold{color:var(--gold)}.surface-link--mono{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:600}.surface-button{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,color .15s,opacity .15s;display:inline-flex}button.surface-button{cursor:pointer}.surface-button:disabled{cursor:wait;opacity:.5}.surface-button--primary{color:var(--void);background:var(--gold);border:none}.surface-button--primary:hover:not(:disabled){background:var(--light)}.surface-button--secondary{color:var(--smoke);border:1px solid var(--border-mid);background:0 0}.surface-button--secondary:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.surface-button--full{width:100%}.surface-button--muted{color:var(--void);background:var(--gold-dim);border:none}.surface-form{flex-direction:column;display:flex}.surface-form__label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ash);margin-bottom:.25rem;font-size:.6rem;display:block}.surface-form__input{background:var(--void);border:1px solid var(--border-mid);width:100%;color:var(--light);font-family:var(--font-sans);outline:none;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:1rem}.surface-form__input:focus{border-color:var(--gold)}.surface-form__error{font-family:var(--font-sans);color:var(--destructive);margin-bottom:1rem;font-size:.85rem}.surface-muted-note{font-family:var(--font-sans);color:var(--ash);font-size:.8rem}.surface-emphasis{color:var(--gold)}.surface-loading,.surface-error-screen{background:var(--surface);justify-content:center;align-items:center;min-height:100vh;display:flex}.surface-error-screen{padding:2rem}.surface-loading__label{font-family:var(--font-mono);color:var(--ash);letter-spacing:.05em;text-transform:uppercase;font-size:.875rem}.surface-error-screen__message{font-family:var(--font-sans);color:var(--destructive);text-align:center;max-width:25rem;font-size:1rem}.legal-page{max-width:45rem;min-height:100vh;margin:0 auto;padding:3rem 2rem}.legal-page__content{font-family:var(--font-sans);color:var(--smoke);font-size:.95rem;line-height:1.8}.legal-page__section+.legal-page__section{margin-top:2rem}.legal-page__section-title{font-family:var(--font-serif);color:var(--light);margin-bottom:.5rem;font-size:1.2rem}.legal-page__section-body{margin-bottom:1rem}.legal-page__footer{border-top:1px solid var(--border-faint);padding-top:1.5rem}.returning-entry{background:var(--surface);padding:0 2rem 3rem}.returning-entry__panel{background:var(--charcoal);border:1px solid var(--gold-border);max-width:72rem;box-shadow:0 0 0 1px var(--gold-subtle);border-radius:1rem;margin:0 auto;padding:2rem}.returning-entry__title{font-family:var(--font-serif);color:var(--smoke);margin-bottom:.5rem;font-size:1.875rem;font-weight:400}.returning-entry__body{max-width:44rem;margin-bottom:1.5rem}.pricing-page__recommendation{text-align:left;margin-bottom:2rem}.pricing-page__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.pricing-card{background:var(--surface);border:1px solid var(--border-mid);flex-direction:column;padding:2rem 1.5rem;display:flex;position:relative}.pricing-card--featured{border-color:var(--gold-border)}.pricing-card__flag{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--void);background:var(--gold);padding:3px .5rem;font-size:.55rem;position:absolute;top:-1px;left:1.5rem}.pricing-card__label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ash);margin-bottom:.25rem;font-size:.6rem}.pricing-card__name{font-family:var(--font-serif);color:var(--light);margin-bottom:.5rem;font-size:1.3rem;font-weight:700}.pricing-card__price{font-family:var(--font-serif);color:var(--light);margin-bottom:.25rem;font-size:2rem;font-weight:700}.pricing-card__note{font-family:var(--font-sans);color:var(--steel);margin-left:.25rem;font-size:.8rem;font-weight:400}.pricing-card__desc{font-family:var(--font-sans);color:var(--smoke);flex:1;margin-bottom:1.5rem;font-size:.88rem;line-height:1.6}.pricing-card__cta{width:100%}.pricing-card__cta--featured{color:var(--void);background:var(--gold);border:none}.pricing-card__cta--standard{color:var(--light);border:1px solid var(--border-mid);background:0 0}.pricing-card__cta[disabled]{opacity:.5}.dashboard-page__header-actions{align-items:center;gap:1rem;display:flex}.dashboard-page__email{font-family:var(--font-mono);color:var(--ash);font-size:.75rem}.dashboard-page__credits,.dashboard-page__full-access,.dashboard-page__empty,.dashboard-page__panel,.dashboard-page__footer{border-radius:.75rem;margin-bottom:2rem}.dashboard-page__credits,.dashboard-page__full-access,.dashboard-page__panel{background:var(--charcoal);border:1px solid var(--gold-border)}.dashboard-page__credits{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.dashboard-page__credits-main,.dashboard-page__credits-count{align-items:center;display:flex}.dashboard-page__credits-main{gap:1rem}.dashboard-page__credits-count{align-items:baseline;gap:.5rem}.dashboard-page__credits-label,.dashboard-page__credits-meta,.dashboard-page__full-access-text,.dashboard-badge{font-family:var(--font-mono);text-transform:uppercase}.dashboard-page__credits-label,.dashboard-page__credits-meta{color:var(--ash)}.dashboard-page__credits-label,.dashboard-page__full-access-text{letter-spacing:.1em;font-size:.65rem}.dashboard-page__credits-value{font-family:var(--font-serif);color:var(--gold);font-size:1.5rem;font-weight:700}.dashboard-page__credits-copy{font-family:var(--font-sans);color:var(--steel);font-size:.8rem}.dashboard-page__full-access{text-align:center;padding:1rem 1.5rem}.dashboard-page__full-access-text{color:var(--gold)}.dashboard-page__empty{background:var(--charcoal);border:1px solid var(--border-mid);text-align:center;padding:3rem 2rem}.dashboard-page__footer{text-align:center;border-top:1px solid var(--border-faint);margin-top:3rem;padding-top:2rem}.dashboard-page__module-list{flex-direction:column;gap:1rem;display:flex}.dashboard-module-card-link{color:inherit;text-decoration:none}.dashboard-module-card{background:var(--charcoal);border:1px solid var(--border-strong);border-radius:.75rem;align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.dashboard-module-card--locked{border-color:var(--border-mid)}.dashboard-module-card--locked-creditless{opacity:.6}.dashboard-module-card--locked-credited{opacity:.9}.dashboard-module-card--requested,.dashboard-module-card--recommended{border-color:var(--gold-border)}.dashboard-module-card-link:hover .dashboard-module-card{border-color:var(--gold)}.dashboard-module-card__number{font-family:var(--font-mono);text-align:center;min-width:3rem;color:var(--ash);font-size:1.875rem;font-weight:700}.dashboard-module-card__number--active{color:var(--gold);opacity:.6}.dashboard-module-card__main{flex:1}.dashboard-module-card__title{font-family:var(--font-sans);color:var(--light);margin-bottom:.25rem;font-size:1rem;font-weight:600}.dashboard-module-card__title--locked{color:var(--steel)}.dashboard-module-card__subtitle{font-family:var(--font-sans);color:var(--steel);font-size:.875rem}.dashboard-module-card__subtitle--locked{color:var(--ash)}.dashboard-module-card__hint{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--gold);margin-top:.25rem;font-size:.75rem}.dashboard-module-card__progress{background:var(--border-strong);border:none;width:100%;height:2px;margin-top:.5rem;display:block;overflow:hidden}.dashboard-module-card__progress::-webkit-progress-bar{background:var(--border-strong)}.dashboard-module-card__progress::-webkit-progress-value{background:var(--gold)}.dashboard-module-card__progress::-moz-progress-bar{background:var(--gold)}.dashboard-module-card__badges{align-items:center;gap:.5rem;display:flex}.dashboard-module-card__action{white-space:nowrap;padding:.5rem .75rem}.dashboard-badge{white-space:nowrap;letter-spacing:.03em;border:1px solid;border-radius:.25rem;align-items:center;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.dashboard-badge--gold{color:var(--gold)}.dashboard-badge--ash{color:var(--ash)}.dashboard-badge--success{color:var(--success)}.dashboard-badge--subordinate{color:var(--subordinate-text)}.dashboard-badge--emergence{color:var(--emergence-text)}.auth-shell{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.auth-shell__inner{width:100%;max-width:26.25rem;position:relative}.auth-shell__footer{text-align:center;margin-top:2rem}.auth-shell__link-button{font:inherit;color:var(--gold);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.checkout-card{background:var(--charcoal);border:1px solid var(--gold-border);border-radius:.75rem;width:100%;max-width:36rem;padding:2rem}.checkout-card__actions{flex-wrap:wrap;gap:1rem;display:flex}@media (max-width:768px){.surface-page--padded,.legal-page{padding:3rem 1.25rem}.surface-page__header--split,.dashboard-module-card,.dashboard-page__credits{flex-direction:column;align-items:flex-start}.dashboard-module-card__badges{flex-wrap:wrap;width:100%}.returning-entry{padding-left:1.25rem;padding-right:1.25rem}}