:root{--glass-bg-light:#ffffffa6;--glass-bg-dark:#0f172aa6;--border-light:#e2e8f0cc;--border-dark:#ffffff14;--glow-indigo:#6366f126;--glow-purple:#8b5cf626}body{background-attachment:fixed;margin:0;font-family:Inter,sans-serif;position:relative;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(circle at 10% 20%,#6366f10f 0%,#0000 40%),radial-gradient(circle at 90% 80%,#8b5cf60f 0%,#0000 40%);width:100vw;height:100vh;position:fixed;top:0;left:0}body:after{content:"";z-index:-1;opacity:.02;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100vw;height:100vh;position:fixed;top:0;left:0}.glass-effect{-webkit-backdrop-filter:blur(16px)saturate(180%);border:1px solid var(--border-light);background-color:var(--glass-bg-light);transition:all .3s cubic-bezier(.4,0,.2,1)}.dark-mode .glass-effect{border:1px solid var(--border-dark);background-color:var(--glass-bg-dark)}.bento-grid{grid-template-columns:repeat(12,1fr);gap:20px;width:100%;display:grid}.bento-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;background:#ffffffb3;border:1px solid #e2e8f0cc;border-radius:24px;flex-direction:column;grid-column:span 4;justify-content:space-between;min-height:180px;padding:24px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.dark-mode .bento-card{background:#0f172a99;border:1px solid #ffffff14}.bento-card:hover{box-shadow:0 20px 40px -15px var(--glow-indigo), 0 0 1px 1px #6366f14d;border-color:#6366f166;transform:translateY(-6px)}.bento-span-8{grid-column:span 8}.bento-span-12{grid-column:span 12}@media (width<=900px){.bento-card{grid-column:span 6!important}}@media (width<=600px){.bento-card{grid-column:span 12!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b880}.gradient-text{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 50%,#db2777 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.dark-mode .gradient-text{background:linear-gradient(135deg,#818cf8 0%,#c084fc 50%,#f472b6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}