:root{--color-brand: #7367f0;--color-brand-accent: #9e95f5;--color-dark-bg: #25293c;--color-dark-panel: #2a2a2a;--color-dark-header: #2f3349;--color-dark-text: #cfcde4;--color-light-bg: #ffffff;--color-light-panel: #f8f9fa;--color-light-header: #ffffff;--color-light-text: #212529;color-scheme:light dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}html.theme-dark,body.theme-dark{background:var(--color-dark-bg);color:var(--color-dark-text)}html.theme-light,body.theme-light{background:var(--color-light-bg);color:var(--color-light-text)}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.app-header,.app-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem}.header-bg{background:#fffffff2}.theme-dark .header-bg{background:#1a1d2ef2}.header-border{border-bottom:1px solid rgba(229,231,235,1)}.theme-dark .header-border{border-bottom-color:#3741514d}.footer-bg{background:#f9fafb}.theme-dark .footer-bg{background:#111827}.footer-border{border-top:1px solid rgba(229,231,235,1)}.theme-dark .footer-border{border-top-color:#374151}.brand{display:inline-flex;align-items:center;gap:.75rem;color:inherit;text-decoration:none;transition:transform .2s ease}.brand:hover{transform:scale(1.03)}.brand-logo{width:2.5rem;height:2.5rem;display:block;object-fit:contain}.brand-text{font-size:1.25rem;font-weight:700;background:linear-gradient(90deg,var(--color-brand),var(--color-brand-accent));-webkit-background-clip:text;background-clip:text;color:transparent}.nav{display:flex;gap:.5rem}.nav-link{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1rem;border-radius:.75rem;border:0;background:transparent;color:inherit;text-decoration:none;font:inherit;cursor:pointer}.nav-link:hover,.theme-switch:hover{background:#7367f01a;color:var(--color-brand)}.nav-link:disabled{opacity:.45;cursor:not-allowed}.theme-switch{border:0;border-radius:.75rem;padding:.5rem;background:transparent;color:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.theme-switch-icon,.theme-switch-icon .sun,.theme-switch-icon .sun-beams,.theme-switch-icon .moon>circle{transition:all .3s ease}.theme-switch-icon{width:1.5rem;height:1.5rem}.theme-dark .theme-switch-icon{color:var(--color-dark-text)}.theme-light .theme-switch-icon{color:var(--color-light-text)}.theme-dark .sun{transform:scale(1.75) translate(-5px,-5px)}.theme-dark .sun-beams{opacity:0;transform:rotate(-25deg)}.theme-dark .moon>circle{transform:translate(-10px)}.theme-light .sun{transform:scale(1)}.theme-light .sun-beams{opacity:1;transform:rotate(0)}.theme-light .moon>circle{transform:translate(0)}.app-main{max-width:72rem;width:100%;margin:0 auto;padding:2rem 1.5rem 3rem}.page-card{position:relative;overflow:hidden;border-radius:1rem;padding:1.5rem;background:var(--color-light-panel);box-shadow:0 10px 30px #0f172a0f}.theme-dark .page-card{background:var(--color-dark-panel);box-shadow:none}.page-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top right,rgba(115,103,240,.12),transparent 35%);pointer-events:none}.page-card>*{position:relative}.page-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(16rem,.8fr);gap:1.5rem;align-items:start}.hero-copy h1,.profile-main h1{margin:.25rem 0 .75rem;font-size:clamp(2rem,4vw,3.75rem);line-height:1.05}.hero-copy p,.lead,.page-card p{margin:0;line-height:1.65}.eyebrow,.stat-label,.side-label{display:inline-block;margin-bottom:.5rem;color:var(--color-brand);text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;font-weight:700}.hero-aside{display:grid;gap:.75rem}.stat-box,.side-card{border:1px solid rgba(115,103,240,.12);border-radius:1rem;padding:1rem;background:#7367f00d}.theme-dark .stat-box,.theme-dark .side-card{background:#7367f014;border-color:#7367f02e}.directory-toolbar,.chip-row,.trust-row,.profile-meta,.auth-details{display:flex;gap:.625rem;flex-wrap:wrap}.directory-toolbar{margin-top:1.25rem;margin-bottom:.25rem}.toolbar-chip,.chip,.trust-pill,.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.45rem .75rem;font-size:.82rem}.toolbar-chip,.chip{background:#7367f014;color:inherit}.chip-soft{background:#94a3b824}.chip-verified{background:#10b98124;color:#059669}.chip-review{background:#f59e0b29;color:#b45309}.status-pill{width:fit-content;margin-bottom:.75rem;background:#7367f02e;color:var(--color-brand);text-transform:capitalize}.directory-grid{margin-top:1.25rem;display:grid;gap:1rem}.directory-summary{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-top:1rem;padding:.85rem 1rem;border-radius:1rem;background:#7367f00f;border:1px solid rgba(115,103,240,.12)}.theme-dark .directory-summary{background:#7367f014;border-color:#7367f02e}.profile-card{display:grid;gap:1rem;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.profile-card:hover{transform:translateY(-2px)}.profile-card-top{display:flex;justify-content:space-between;gap:1rem;align-items:start}.profile-card h2{margin:0;font-size:1.35rem}.muted{color:inherit;opacity:.78}.nav-link-strong{background:#7367f01f;border:1px solid rgba(115,103,240,.18)}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.35rem}.onboarding-route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.25rem}.route-card{display:grid;gap:.65rem;padding:1.2rem;border-radius:1rem;border:1px solid rgba(115,103,240,.12);background:#7367f00d;color:inherit;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.theme-dark .route-card{background:#7367f014;border-color:#7367f02e}.route-card:hover{transform:translateY(-2px);border-color:#7367f047;box-shadow:0 14px 32px #7367f017}.route-card h2{margin:0;font-size:1.15rem}.route-card p{opacity:.8}.onboarding-layout{display:grid;gap:1rem}.onboarding-hero{display:flex;justify-content:space-between;gap:1rem;align-items:start;flex-wrap:wrap}.onboarding-hero h1{margin:.25rem 0 .6rem;font-size:clamp(1.8rem,3.2vw,2.8rem);line-height:1.05}.onboarding-hero p{max-width:58rem;opacity:.82}.onboarding-status-box{display:grid;gap:.35rem;min-width:min(100%,18rem);padding:1rem;border-radius:1rem;border:1px solid rgba(115,103,240,.12);background:#7367f00d}.theme-dark .onboarding-status-box{background:#7367f014;border-color:#7367f02e}.onboarding-progress{overflow:hidden;height:.75rem;border-radius:999px;background:#7367f01f}.onboarding-progress-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-brand),var(--color-brand-accent));transition:width .18s ease}.onboarding-stepper{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.75rem}.onboarding-step{display:flex;gap:.75rem;align-items:center;padding:.9rem;border-radius:1rem;border:1px solid rgba(115,103,240,.12);background:#ffffff94}.theme-dark .onboarding-step{background:#7367f00a;border-color:#7367f024}.onboarding-step.active{background:#7367f01a;border-color:#7367f047}.onboarding-step strong{display:block;margin-bottom:.12rem}.onboarding-step span{font-size:.84rem;opacity:.72}.onboarding-step-index{width:2rem;height:2rem;display:grid;place-items:center;border-radius:999px;background:#7367f01f;color:var(--color-brand);font-weight:700;flex-shrink:0}.onboarding-body{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(16rem,.7fr);gap:1rem}.onboarding-stage,.onboarding-side{display:grid;gap:.95rem;align-content:start}.onboarding-stage{padding:1.15rem;border-radius:1rem;border:1px solid rgba(115,103,240,.1);background:#7367f008}.theme-dark .onboarding-stage{background:#7367f00d;border-color:#7367f024}.onboarding-stage h2{margin:0}.onboarding-message{padding:.85rem 1rem;border-radius:1rem;border:1px solid rgba(115,103,240,.12);background:#7367f00f}.theme-dark .onboarding-message{background:#7367f014;border-color:#7367f02e}.onboarding-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.onboarding-form-grid-wide{grid-template-columns:repeat(2,minmax(0,1fr))}.field-control-textarea{min-height:8rem;resize:vertical}.choice-row{display:flex;gap:.6rem;flex-wrap:wrap}.choice-pill{display:inline-flex;align-items:center;justify-content:center;padding:.6rem .85rem;border-radius:999px;border:1px solid rgba(115,103,240,.14);background:#7367f00d;color:inherit;font:inherit;cursor:pointer}.theme-dark .choice-pill{background:#7367f014;border-color:#7367f02e}.choice-pill.active{background:#7367f029;border-color:#7367f04d;color:var(--color-brand)}.review-stack{display:grid;gap:.9rem}.checkbox-row{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:start;padding:.9rem 1rem;border-radius:1rem;border:1px solid rgba(115,103,240,.12);background:#7367f00a}.checkbox-row input{margin-top:.2rem}.theme-dark .checkbox-row{background:#7367f014;border-color:#7367f02e}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.review-card{padding:1rem;border-radius:1rem;border:1px solid rgba(115,103,240,.12);background:#7367f00d}.theme-dark .review-card{background:#7367f014;border-color:#7367f02e}.review-card h3{margin:0 0 .4rem}.onboarding-actions{display:flex;gap:.75rem;flex-wrap:wrap}.onboarding-footer-note{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.profile-meta{font-size:.92rem;opacity:.85}.trust-pill{background:#0f172a0f}.theme-dark .trust-pill{background:#ffffff14}.trust-pill-verified{background:#10b98124;color:#059669}.trust-pill-review{background:#f59e0b29;color:#b45309}.filters-panel{display:grid;gap:1rem;margin-top:1.5rem;padding:1rem;border:1px solid rgba(115,103,240,.14);border-radius:1rem;background:#7367f00a}.theme-dark .filters-panel{background:#7367f014;border-color:#7367f02e}.filters-header{display:flex;justify-content:space-between;align-items:start;gap:1rem}.filters-header h2{margin:.15rem 0 0;font-size:1.15rem}.filters-count{min-width:fit-content;padding:.45rem .75rem;border-radius:999px;background:#7367f01f;color:var(--color-brand);font-size:.82rem;font-weight:700}.filters-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.85rem}.field{display:grid;gap:.45rem}.field-label{font-size:.82rem;font-weight:700}.field-control{width:100%;border:1px solid rgba(115,103,240,.16);border-radius:.85rem;padding:.8rem .9rem;background:#ffffffd1;color:inherit;font:inherit}.theme-dark .field-control{background:#111827a8;border-color:#7367f03d}.field-control:focus{outline:2px solid rgba(115,103,240,.3);outline-offset:2px}.profile-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(16rem,.75fr);gap:1.5rem}.side-card-accent{background:linear-gradient(135deg,#7367f029,#7367f00a)}.side-card-accent p{margin:.35rem 0 0;opacity:.82;line-height:1.5}.profile-copy,.profile-section{display:grid;gap:.75rem;margin-top:1.25rem}.profile-section h2{margin:0;font-size:1.1rem}.bullet-list{margin:0;padding-left:1.1rem;display:grid;gap:.5rem}.profile-side{display:grid;gap:.85rem;align-content:start}.skeleton{border-radius:.8rem;background:linear-gradient(90deg,#94a3b82e,#94a3b857,#94a3b82e);background-size:200% 100%;animation:shimmer 1.4s ease infinite}.skeleton-title{width:min(32rem,100%);height:2.2rem}.skeleton-line{width:100%;height:1rem}.skeleton-line.short{width:72%}.skeleton-pill{width:7rem;height:2rem}.skeleton-row,.skeleton-grid{display:flex;gap:.75rem;flex-wrap:wrap}.skeleton-block{width:min(100%,16rem);height:7rem}.profile-card-skeleton,.profile-layout-skeleton{gap:.9rem}.error-banner{display:grid;gap:.35rem;margin-top:1.25rem;padding:1rem 1.1rem;border-radius:1rem;background:#f59e0b1f;border:1px solid rgba(245,158,11,.18)}.error-banner.subtle{margin-top:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.auth-state-card,.auth-details{display:grid;gap:.75rem}.auth-state-actions{display:flex;gap:.75rem;flex-wrap:wrap}@media(max-width:900px){.page-hero,.profile-layout,.onboarding-body,.summary-grid,.onboarding-route-grid{grid-template-columns:1fr}.filters-grid{grid-template-columns:1fr 1fr}.app-header,.app-footer{flex-direction:column;align-items:flex-start}.profile-card-top,.onboarding-hero{flex-direction:column}}@media(max-width:640px){.filters-grid{grid-template-columns:1fr}.filters-header,.directory-summary{flex-direction:column;align-items:flex-start}.onboarding-form-grid,.onboarding-form-grid-wide{grid-template-columns:1fr}.onboarding-actions,.hero-actions{flex-direction:column;align-items:stretch}}