:root{--bg-color:#050505;--text-primary:#fff;--text-secondary:#a0a0a0;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-blur:blur(24px);--glow-blue:#3b82f6;--glow-red:#ef4444;--glow-green:#22c55e;--glow-purple:#a855f7;--glow-orange:#f97316;--glow-teal:#14b8a6;--glow-pink:#ec4899}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}.mesh-background{z-index:-1;background:#000;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.color-blob{filter:blur(120px);border-radius:50%;animation:20s ease-in-out infinite alternate drift;position:absolute}.blob-1{background:#a855f766;width:50vw;height:50vw;top:-10%;left:-10%}.blob-2{background:#ec48994d;width:60vw;height:60vw;animation-delay:-5s;bottom:-10%;right:-10%}.blob-3{background:#8b5cf64d;width:45vw;height:45vw;animation-delay:-10s;top:40%;left:40%}@media (width<=768px){.color-blob{filter:blur(80px);width:150vw!important;height:150vw!important}}@keyframes drift{0%{transform:translate(0)scale(1)}to{transform:translate(10%,10%)scale(1.2)}}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.hero{text-align:center;max-width:800px;margin:0 auto;padding:90px 20px 40px}.hero h1{letter-spacing:-.03em;background:linear-gradient(to bottom right,#fff,#a0a0a0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:24px;padding-bottom:10px;font-size:4.5rem;font-weight:700;line-height:1.1}.hero p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.3rem}.bento-container{max-width:1200px;margin:0 auto;padding:20px 20px 100px}.bento-grid{grid-auto-flow:dense;grid-template-columns:repeat(4,1fr);grid-auto-rows:280px;gap:24px;display:grid}.bento-card{border-radius:32px;flex-direction:column;padding:24px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.bento-card:hover{transform:translateY(-5px)scale(1.02)}.card-tall{grid-area:span 2/span 2}.card-wide{grid-area:span 1/span 2}.card-4x4{grid-area:span 4/span 4}.card-content{z-index:2;flex-direction:column;height:100%;display:flex}.icon-wrapper{background:#ffffff1a;border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:12px;display:flex}.icon-wrapper svg{width:24px;height:24px}.blue-glow{color:var(--glow-blue);box-shadow:0 0 30px #3b82f680}.purple-glow{color:var(--glow-purple);box-shadow:0 0 30px #a855f780}.pink-glow{color:var(--glow-pink);box-shadow:0 0 30px #ec489980}.orange-glow{color:var(--glow-orange);box-shadow:0 0 30px #f9731680}.bento-card h3{margin-bottom:12px;font-size:1.5rem;font-weight:600}.card-tall h3{font-size:2rem}.bento-card p{color:var(--text-secondary);font-size:.95rem}.card-tall p{font-size:1.1rem}.split-content{align-items:center;height:100%;display:flex}.text-side{flex:1}.visual-side{flex-direction:column;flex:1;justify-content:center;align-items:center;padding-left:20px;display:flex}.footer{padding:20px}.footer-content{text-align:center;max-width:1200px;color:var(--text-secondary);border-radius:24px;margin:0 auto;padding:40px}.slide-up-anim{opacity:0;animation:.8s cubic-bezier(.2,.8,.2,1) forwards slideUp;transform:translateY(30px)}.reveal-anim{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1);transform:translateY(20px)}.reveal-anim.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.2s;animation-delay:.2s}.delay-2{transition-delay:.4s;animation-delay:.4s}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}.card-tall{grid-area:span 1/span 2}.hero h1{font-size:3.5rem}}@media (width<=768px){.bento-grid{grid-template-columns:1fr;grid-auto-rows:auto}.card-tall,.card-wide{grid-area:span 1/span 1}.split-content{flex-direction:column;align-items:flex-start}.visual-side{width:100%;padding-top:20px;padding-left:0}.hero h1{font-size:2.5rem}}