*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=light]{--color-bg: #f5f5f7;--color-surface: #ffffff;--color-navbar-bg: rgba(245, 245, 247, .92);--color-accent: #5a52e0;--color-accent-light: #6c63ff;--color-text: #1a1a1a;--color-muted: #666;--color-border: #e0e0e0;--color-hero-name-start: #1a1a1a;--font-sans: "Inter", system-ui, sans-serif;--max-width: 900px}[data-theme=dark]{--color-bg: #0f0f0f;--color-surface: #1a1a1a;--color-navbar-bg: rgba(15, 15, 15, .92);--color-accent: #6c63ff;--color-accent-light: #a29bfe;--color-text: #e0e0e0;--color-muted: #888;--color-border: #2a2a2a;--color-hero-name-start: #ffffff}html{scroll-behavior:smooth;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--color-accent) transparent}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-light)}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);line-height:1.6;transition:background .2s,color .2s;overflow-x:hidden}a{color:var(--color-accent-light);text-decoration:none}a:hover{color:var(--color-accent)}.page{max-width:var(--max-width);margin:0 auto;padding:60px 24px}@media(max-width:480px){.page{padding:48px 16px}}.page-title{font-size:clamp(1.5rem,5vw,2rem);font-weight:700;margin-bottom:40px;position:relative;display:inline-block}.page-title:after{content:"";display:block;width:48px;height:3px;background:var(--color-accent);margin-top:8px;border-radius:2px}