:root{color:#111;background:#f7f7f5;font-family:Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}#root,.site-shell{min-height:100vh}.topbar{z-index:10;background:#fffffff2;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem 2rem;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.9rem;display:flex}.brand-icon{border-radius:100%;width:44px;height:44px}.brand-subtitle,.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#6b6b6b;margin:0;font-size:.7rem}.brand-title{margin:.2rem 0 2px;font-size:1.3rem}.main-nav{align-items:center;gap:1.25rem;display:flex}.main-nav a{font-weight:600}.auth-actions{align-items:center;gap:.75rem;display:flex}.ghost-button,.solid-button,.user-button{background:#fff;border:1px solid #111;border-radius:999px;padding:.65rem 1rem}.solid-button{color:#fff;background:#111;justify-content:center;align-items:center;display:inline-flex}.user-button{place-items:center;width:44px;height:44px;padding:.45rem;display:inline-grid}.user-icon{color:#fff;background:#111;border-radius:999px;place-items:center;width:100%;height:100%;font-weight:700;display:inline-grid}.user-avatar{object-fit:cover;border-radius:999px;width:100%;height:100%}.page-content{padding:2rem}.auth-error-banner{color:#7b1f1f;background:#fff0f0;border:1px solid #d7a0a0;border-radius:14px;width:min(960px,100%);margin:0 auto 1.5rem;padding:.9rem 1rem}.hero-section,.content-section{width:min(960px,100%);margin:0 auto 3rem}.hero-section h2,.content-card h3,.content-section h2{margin:.35rem 0 .75rem}.hero-copy,.content-card p,.session-copy{margin:0;line-height:1.6}.content-section{gap:1rem;display:grid}.content-card{background:#fff;border:1px solid #ddd;border-radius:18px;padding:1.25rem}@media (width<=820px){.topbar{flex-direction:column;align-items:flex-start;padding:1rem}.main-nav,.auth-actions{flex-wrap:wrap}.page-content{padding:1rem}}