:root{--primary: #2563eb;--primary-glow: rgba(37, 99, 235, .5);--secondary: #4f46e5;--accent: #8b5cf6;--surface: #ffffff;--surface-muted: #f8fafc;--border: #e2e8f0}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;color:#1e293b;overflow-x:hidden}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-soft{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes shine{0%{background-position:200% center}to{background-position:-200% center}}.glass{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3)}.glass-dark{background:#0f172ab3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}.glow-border{position:relative}.glow-border:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:linear-gradient(45deg,var(--primary),var(--accent),var(--secondary));z-index:-1;border-radius:inherit;opacity:0;transition:opacity .3s}.glow-border:hover:after{opacity:.15}.animate-float{animation:float 6s ease-in-out infinite}.btn-shine{background:linear-gradient(90deg,var(--primary) 0%,#60a5fa 50%,var(--primary) 100%);background-size:200% auto;transition:.5s}.btn-shine:hover{background-position:right center}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(180px,auto);gap:1.5rem}@media(max-width:1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.bento-grid{grid-template-columns:1fr;grid-auto-rows:auto}}.bento-item-large{grid-column:span 2;grid-row:span 2}.bento-item-medium{grid-column:span 2}