@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Space+Mono:ital,wght@0,400;0,700;1,400&family=Noto+Sans+TC:wght@300;400;700;900&display=swap");:root{--mustard:#f2d129;--swing-blue:#2a3485;--fusion-blue:#1d3963;--cream:#ffeebd;--white:#fafaf5;--black:#0a0a0a;--font-display:"Bebas Neue",sans-serif;--font-mono:"Space Mono",monospace;--font-cjk:"Noto Sans TC",sans-serif;--max-w:1400px;--gutter:32px}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background:var(--black);color:var(--cream);overflow-x:hidden}::selection{background:var(--mustard);color:var(--swing-blue)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{max-width:var(--max-w);margin:0 auto;padding:0 var(--gutter)}.section-padding{padding-top:120px;padding-bottom:120px}.font-display{font-family:var(--font-display);letter-spacing:.15em;line-height:.95}.font-mono{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase}.font-cjk{font-family:var(--font-cjk);line-height:1.8}.section-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.4em;text-transform:uppercase;display:flex;align-items:center;gap:16px;margin-bottom:20px}.section-label:before{content:"";display:block;width:40px;height:1px;background:currentColor}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideRight{0%{opacity:0;transform:translateX(-60px)}to{opacity:1;transform:translateX(0)}}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}30%{transform:translate(3%,-15%)}50%{transform:translate(12%,9%)}70%{transform:translate(9%,4%)}90%{transform:translate(-1%,7%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-in{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}.animate-in.visible{opacity:1;transform:translateY(0)}.grain-overlay{position:relative}.grain-overlay:after{content:"";position:absolute;inset:-50%;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 8s steps(10) infinite;pointer-events:none;z-index:0}.btn-primary{display:inline-block;font-family:var(--font-mono);font-size:12px;letter-spacing:.15em;text-transform:uppercase;padding:14px 28px;background:var(--swing-blue);color:var(--cream);border:2px solid var(--swing-blue);cursor:pointer;transition:all .3s}.btn-primary:hover{background:var(--fusion-blue)}.btn-outline{display:inline-block;font-family:var(--font-mono);font-size:12px;letter-spacing:.15em;text-transform:uppercase;padding:14px 28px;background:transparent;border:2px solid;cursor:pointer;transition:all .3s}.btn-outline:hover{background:var(--swing-blue);color:var(--cream);border-color:var(--swing-blue)}@media (max-width:768px){:root{--gutter:20px}.section-padding{padding-top:80px;padding-bottom:80px}}