:root{--color-primary: #ff8c00;--color-secondary: #ffcc00;--color-accent: #ff4500;--font-main: "Inter", system-ui, -apple-system, sans-serif;--transition-fast: .2s ease;--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--glass-blur: blur(12px)}:root[data-theme=light]{--bg-color: #f8f9fa;--text-color: #1a1a1a;--text-dim: #666666;--card-bg: #ffffff;--card-border: rgba(0, 0, 0, .1);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .3);--logo-filter: none}:root[data-theme=dark]{--bg-color: #0a0a0a;--text-color: #ffffff;--text-dim: #a0a0a0;--card-bg: #111111;--card-border: rgba(255, 255, 255, .1);--glass-bg: rgba(0, 0, 0, .3);--glass-border: rgba(255, 255, 255, .1);--logo-filter: brightness(0) invert(1) brightness(2)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);line-height:1.6;transition:background-color var(--transition-slow),color var(--transition-slow);overflow-x:hidden}h1,h2,h3,h4{font-weight:700;letter-spacing:-.02em}a{color:inherit;text-decoration:none}ul{list-style:none}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;padding:2rem}@media (max-width: 1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.bento-grid{grid-template-columns:1fr}}.bento-item{border-radius:24px;padding:2rem;transition:transform var(--transition-fast)}.bento-item:hover{transform:translateY(-5px)}