:root{--bg: #f5f2f7;--bg2: #ede8f2;--ink: #1a1520;--soft: #4a3f55;--muted: #9b8faa;--accent: #8b6fa8;--accent-light: #c4a8e0;--accent-pale: #e8dff2;--blue-note: #a0aec8;--white: #fdfbff;--dark: #0f0c14;--dark2: #1a1520;--fivem-green: #3de088;--sidebar-w: 220px;--ease: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:Syne,sans-serif;background:var(--bg);color:var(--ink);cursor:none;-webkit-font-smoothing:antialiased}a,button,[role=button]{cursor:none}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--accent-light);border-radius:2px}.layout{display:flex;height:100vh;overflow:hidden;padding-top:64px}.content-area{flex:1;overflow-y:auto;overflow-x:hidden;position:relative}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page{animation:pageIn .5s var(--ease) forwards;min-height:100%}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(55px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}.reveal-delay-6{transition-delay:.6s}@keyframes waveFloat{0%,to{transform:translateY(0) scaleX(1)}50%{transform:translateY(-16px) scaleX(1.02)}}@keyframes waveFloat2{0%,to{transform:translateY(0) scaleX(1.02)}50%{transform:translateY(-10px) scaleX(1)}}@keyframes waveFloat3{0%,to{transform:translateY(0)}50%{transform:translateY(-22px)}}@keyframes rotateSlow{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes rotateReverse{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes staggerFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.font-serif{font-family:Cormorant Garamond,serif}.font-mono{font-family:DM Mono,monospace}.font-sans{font-family:Syne,sans-serif}.card{border:1px solid var(--accent-pale);border-radius:2px;transition:border-color .3s var(--ease),background .3s var(--ease)}.pill{display:inline-flex;align-items:center;padding:4px 10px;border:1px solid var(--accent-pale);border-radius:2px;font-family:DM Mono,monospace;font-size:11px;color:var(--soft);background:transparent;transition:border-color .2s,background .2s,color .2s}.pill:hover{border-color:var(--accent-light);background:var(--accent-pale);color:var(--accent)}.reveal-left{opacity:0;transform:translate(-28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal-right.visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transform:scale(.93);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal-scale.visible{opacity:1;transform:scale(1)}.reveal-delay-7{transition-delay:.7s}.reveal-delay-8{transition-delay:.8s}.reveal-delay-9{transition-delay:.9s}.reveal-delay-10{transition-delay:1s}.reveal-delay-11{transition-delay:1.1s}.reveal-delay-12{transition-delay:1.2s}@keyframes lineGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes tickerIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-33.333%)}}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9990;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E")}.section-label{font-family:DM Mono,monospace;font-size:10px;color:var(--muted);letter-spacing:.15em;text-transform:uppercase;margin-bottom:14px}.accent-rule{width:32px;height:1px;background:var(--accent);display:inline-block;vertical-align:middle;margin-right:12px}