*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: oklch(12% .02 245);--bg-card: oklch(16% .03 245);--text-primary: oklch(95% .01 240);--text-secondary: oklch(75% .02 240);--border: rgba(255, 255, 255, .06);--border-light: rgba(255, 255, 255, .03);--input-bg: rgba(0, 0, 0, .25);--input-border: rgba(255, 255, 255, .1);--accent-copper: oklch(65% .22 45);--accent-cyan: oklch(72% .18 200);--accent-gold: oklch(80% .15 85);--border-glow: rgba(217, 119, 6, .15);--font-title: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--fs-h1: clamp(2rem, 5vw + 1rem, 4rem);--fs-h2: clamp(1.5rem, 3vw + 1rem, 2.5rem);--fs-body: clamp(.95rem, .2vw + .85rem, 1.15rem)}body.light-theme{--bg: oklch(98% .005 240);--bg-card: oklch(100% 0% 0);--text-primary: oklch(15% .015 240);--text-secondary: oklch(35% .02 240);--border: rgba(0, 0, 0, .12);--border-light: rgba(0, 0, 0, .05);--input-bg: oklch(100% 0% 0);--input-border: rgba(0, 0, 0, .15);--accent-copper: oklch(58% .22 45);--accent-cyan: oklch(62% .18 200);--accent-gold: oklch(72% .15 85);--border-glow: rgba(217, 119, 6, .1)}body{font-family:var(--font-body);font-size:var(--fs-body);line-height:1.6;background-color:var(--bg);color:var(--text-primary);overflow-x:hidden;transition:background-color .4s ease,color .4s ease;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-title);font-weight:800;letter-spacing:-.03em;line-height:1.15}.glass-panel{background:#0a101da6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.05);box-shadow:0 20px 50px #0000004d,inset 0 1px #ffffff0d;border-radius:24px;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.light-theme .glass-panel{background:#ffffffbf;border:1px solid rgba(0,0,0,.06);box-shadow:0 20px 40px #0000000d,inset 0 1px #fffc}.glass-panel:hover{border-color:#d977064d;box-shadow:0 20px 50px #d9770614,inset 0 1px #ffffff0d}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;width:100%}@media (max-width: 900px){.bento-grid{grid-template-columns:1fr;gap:16px}}.btn-gradient{background:linear-gradient(135deg,var(--accent-copper),oklch(58% .2 35));color:#fff;border:none;font-weight:700;font-family:var(--font-title);padding:12px 28px;border-radius:50px;cursor:pointer;box-shadow:0 8px 20px #d9770640;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s ease}.btn-gradient:hover{transform:scale(1.03);box-shadow:0 12px 24px #d9770659}.btn-gradient:active{transform:scale(.97)}.touch-target{min-height:48px;min-width:48px;display:inline-flex;align-items:center;justify-content:center}.wire-container{position:absolute;top:0;left:5%;width:2px;height:100%;pointer-events:none;z-index:1}.wire-svg{position:absolute;top:0;left:0;width:10px;height:100%}.wire-path-bg{stroke:#ffffff0d;stroke-width:2;fill:none}.light-theme .wire-path-bg{stroke:#0000000a}.wire-path-glow{stroke:var(--accent-copper);stroke-width:3;fill:none;stroke-linecap:round;stroke-dasharray:200;stroke-dashoffset:200;animation:static-flow 8s linear infinite}@supports (animation-timeline: scroll()){.wire-path-glow{animation:none;animation-name:draw-current;animation-timeline:scroll(root);animation-range:entry 0% exit 100%;stroke-dashoffset:0}}@keyframes draw-current{0%{stroke-dashoffset:200}to{stroke-dashoffset:0}}@keyframes static-flow{0%{stroke-dashoffset:400}to{stroke-dashoffset:0}}.tab-list{display:flex;background:var(--input-bg);border-radius:50px;padding:6px;gap:4px;border:1px solid var(--border);margin-bottom:30px;overflow-x:auto;scrollbar-width:none}.tab-list::-webkit-scrollbar{display:none}.tab-trigger{flex:1;white-space:nowrap;background:transparent;border:none;font-family:var(--font-title);color:var(--text-secondary);font-weight:600;font-size:.9rem;padding:10px 20px;border-radius:50px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-trigger.active{background:var(--bg-card);color:var(--accent-copper);border:1px solid var(--accent-copper);box-shadow:0 4px 15px var(--glass-shadow)}.switch-container{display:inline-flex;align-items:center;background:var(--input-bg);border:1px solid var(--border);border-radius:50px;padding:3px;cursor:pointer}.switch-thumb{width:24px;height:24px;background:var(--text-secondary);border-radius:50px;transition:transform .2s cubic-bezier(.4,0,.2,1),background-color .2s}.switch-container.active .switch-thumb{transform:translate(18px);background-color:var(--accent-copper)}.responsive-panel{container-type:inline-size}@container (max-width: 450px){.responsive-panel .card-grid{grid-template-columns:1fr}}