:root{--bg-primary:#faf9f7;--bg-secondary:#f3f1ee;--bg-elevated:#fff;--border:#e5e2dd;--border-subtle:#eeecea;--text-primary:#1a1714;--text-secondary:#5c564e;--text-muted:#8a847b;--accent:#b45309;--accent-hover:#d97706;--accent-subtle:#b4530914;--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-tertiary:#1a171480;--color-bg-primary:var(--bg-primary);--color-bg-secondary:var(--bg-secondary);--color-bg-elevated:var(--bg-elevated);--color-border-default:var(--border);--color-border-subtle:var(--border-subtle);--color-interactive:var(--accent);--color-interactive-hover:var(--accent-hover);--color-success:#4caf50;--color-warning:#ff9800;--color-error:#f44336;--color-info:var(--accent);--font-heading:"General Sans",sans-serif;--font-display:"General Sans",sans-serif;--font-body:"General Sans",sans-serif;--font-mono:"JetBrains Mono",monospace;--text-xs:clamp(.7rem,.65rem + .25vw,.8rem);--text-sm:clamp(.8rem,.75rem + .3vw,.9rem);--text-base:clamp(.95rem,.9rem + .3vw,1.05rem);--text-lg:clamp(1.05rem,.95rem + .5vw,1.2rem);--text-xl:clamp(1.3rem,1.1rem + .8vw,1.6rem);--text-2xl:clamp(1.6rem,1.2rem + 1.2vw,2.2rem);--text-3xl:clamp(2rem,1.4rem + 2vw,3rem);--text-display:clamp(2.5rem,1.6rem + 3vw,4.5rem);--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:5rem;--section-gap:clamp(3rem,6vh,6rem);--radius-sm:10px;--radius-md:14px;--radius-lg:16px;--radius-xl:20px;--radius-pill:9999px;--shadow-sm:0 1px 3px #0000000a;--shadow-card:0 2px 8px #0000000a;--shadow-md:0 4px 20px #0000000f;--shadow-lg:0 12px 48px #00000014;--shadow-glow:0 0 0 4px var(--accent-subtle);--ease-out:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.65,0,.35,1)}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1,h2,h3{font-family:var(--font-heading);letter-spacing:-.025em;color:var(--text-primary);font-weight:600;line-height:1.15}a{color:inherit;text-decoration:none}section+section{border-top:1px solid var(--border-subtle)}body:before{content:"";z-index:1;pointer-events:none;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='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}.container{max-width:1120px}.btn{font-family:var(--font-body);transition:all .2s var(--ease-out);font-weight:500;font-size:var(--text-sm);letter-spacing:-.005em;border-radius:8px}.btn-primary-custom{background:var(--text-primary);color:var(--bg-primary);font-size:var(--text-sm);cursor:pointer;transition:all .2s var(--ease-out);border:none;border-radius:8px;padding:.7rem 1.75rem;font-weight:500}.btn-primary-custom:hover{background:var(--text-primary);color:var(--bg-primary);transform:translateY(-1px);box-shadow:0 4px 12px #1a171426}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);font-size:var(--text-sm);cursor:pointer;transition:all .25s var(--ease-out);background:0 0;border-radius:8px;padding:.75rem 1.75rem;font-weight:500}.btn-ghost:hover{color:var(--text-primary);border-color:var(--text-muted)}.btn-primary-custom:active{transform:translateY(0);box-shadow:0 1px 4px #1a17141a}.filter-row{gap:var(--space-sm);margin-bottom:var(--space-lg);margin-top:var(--space-sm);padding:0 var(--space-xs);flex-wrap:wrap;display:flex}.filter-pill{border:1px solid var(--border);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;font-weight:500;font-family:var(--font-body);transition:all .2s var(--ease-out);background:0 0;border-radius:20px;padding:.45rem 1.15rem}.filter-pill:hover{color:var(--text-primary);border-color:var(--text-muted);background:var(--bg-secondary)}.filter-pill-active{color:var(--accent);border-color:var(--accent);background:var(--accent-subtle)}.loading-placeholder{text-align:center;padding:var(--space-3xl)var(--space-lg);color:var(--text-muted)}.loading-placeholder p{font-size:var(--text-sm);margin:0}.inline-text-btn{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.inline-text-btn:hover{color:var(--accent-hover)}.card-custom{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all .3s var(--ease-out)}.card-custom:hover{border-color:var(--border)}.form-control-custom{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);transition:all .25s var(--ease-out);width:100%;padding:13px 16px}.form-control-custom:focus{border-color:var(--accent);box-shadow:var(--shadow-glow);outline:none}.form-control-custom::placeholder{color:var(--text-muted);letter-spacing:-.005em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .5s var(--ease-out)forwards}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:767.98px){h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}body:before{display:none}}@media (max-width:575.98px){.btn-primary-custom,.btn-ghost{padding:.65rem 1.4rem}}