.app{background:var(--bg);min-height:100vh;color:var(--text-primary)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-display:"LXGW WenKai", serif;--font-body:"Noto Sans SC", sans-serif;--bg:#0a0a0a;--bg-alt:#0f0f0f;--bg-elevated:#141414;--bg-card:#ffffff05;--text-primary:#ffffffe6;--text-secondary:#fff9;--text-muted:#ffffff80;--text-warm:#e8dfd2;--text-accent:#c8a87a;--text-accent-light:#dcc49e;--border-subtle:#ffffff0f;--border-standard:#ffffff1a;--border-accent:#c8a87a33;--divider:#ffffff14;--hover:#ffffff0d;--shadow-sm:0 4px 12px #0006;--shadow-md:0 8px 24px #00000080;--shadow-lg:0 12px 40px #0009;--shadow-elevated:0 8px 32px #0006;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:40px;--space-3xl:48px;--space-4xl:80px;--max-width:1200px;--radius-sm:12px;--radius-md:16px;--radius-pill:9999px;--ease-out:cubic-bezier(.25, .1, .25, 1);--duration-fast:.3s;--duration-normal:.6s;--duration-slow:.8s}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--text-primary);background:var(--bg);font-weight:300;line-height:1.6;overflow-x:hidden}body:after{content:"";z-index:9999;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:fixed;inset:0}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}.btn-pill{border-radius:var(--radius-pill);font-family:var(--font-display);letter-spacing:.05em;border:1px solid var(--border-subtle);color:var(--text-secondary);transition:all var(--duration-fast) ease;cursor:pointer;background:#ffffff0d;justify-content:center;align-items:center;padding:8px 16px;font-size:13px;display:inline-flex}.btn-pill:hover{border-color:var(--border-standard);color:var(--text-primary);background:#ffffff14}.reveal{opacity:0;transition:opacity var(--duration-normal) ease, transform var(--duration-normal) ease;transform:translateY(16px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (width<=1023px){:root{--space-4xl:60px}}@media (width<=767px){:root{--space-4xl:48px;--space-3xl:36px;--radius-sm:10px;--radius-md:14px}}