:root{--background:#f5f5f7;--foreground:#1d1d1f;--glass-bg:#ffffffbf;--glass-border:#fff6;--glass-shadow:0 8px 32px #0000000a;--glass-blur:blur(20px);--primary:#0071e3;--primary-hover:#0077ed;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:48px}@media (prefers-color-scheme:dark){:root{--background:#000;--foreground:#f5f5f7;--glass-bg:#1c1c1ea6;--glass-border:#ffffff26;--glass-shadow:0 8px 32px #0000004d;--primary:#2997ff;--primary-hover:#3e9efd}}html,body{max-width:100vw;height:100%;overflow-x:hidden}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-inter), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;margin:0;padding:0;line-height:1.5}*{box-sizing:inherit;margin:0;padding:0}a{color:inherit;text-decoration:none;transition:color .2s}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-md)}.glass-pill{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:999px;justify-content:center;align-items:center;padding:8px 16px;display:inline-flex}.app-container{flex-direction:column;min-height:100vh;display:flex}.glass-nav{z-index:100;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);position:fixed;top:0;left:0;right:0}.nav-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:16px 24px;display:flex}.logo{letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.nav-links{gap:24px;font-size:.9rem;font-weight:500;display:flex}.nav-links a:hover{color:var(--primary)}.main-content{padding-top:var(--content-padding,80px);flex:1;width:100%;max-width:1200px;margin:0 auto}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;margin-bottom:var(--spacing-md);font-weight:600}h1{font-size:3rem;line-height:1.1}h2{font-size:2rem;line-height:1.2}.btn-primary{background-color:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:12px 24px;font-size:1rem;font-weight:500;transition:all .2s}.btn-primary:hover{background-color:var(--primary-hover);transform:scale(1.02)}