:root{--bg-color: #0a0a0a;--card-bg: #171717;--text-primary: #fafafa;--text-secondary: #a3a3a3;--accent-color: #f59e0b;--highlight-color: #fbbf24;--card-border: #262626;--font-main: "Inter", system-ui, -apple-system, sans-serif}body{margin:0;padding:0;font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-primary);line-height:1.6}*{box-sizing:border-box}a{color:var(--accent-color);text-decoration:none;transition:color .2s}a:hover{color:var(--highlight-color)}h1,h2,h3,h4{margin:0;color:var(--text-primary);letter-spacing:-.02em}.bento-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem;max-width:1200px;margin:0 auto;padding:2rem}@media(min-width:768px){.bento-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto auto}}.bento-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;padding:2rem;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;display:flex;flex-direction:column}.bento-card:hover{transform:translateY(-4px);border-color:#f59e0b80;box-shadow:0 4px 20px -5px #f59e0b26}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#444}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}