:root{--scrollbar-thumb: #cbd5e1;--scrollbar-track: transparent;--scrollbar-thumb-hover: #94a3b8;--scrollbar-border: #f8fafc}html.dark{--scrollbar-thumb: #334155;--scrollbar-thumb-hover: #475569;--scrollbar-border: #0f172a}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:var(--scrollbar-track)}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:99px;border:1px solid var(--scrollbar-border)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}.glass-card{background:#ffffffb3;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f268712}.dark .glass-card{background:#1e293b80;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0006}body{background:#f8fafc;overflow-x:hidden}.dark body{background:radial-gradient(circle at top right,#1e293b,#0f172a),#020617;background-size:cover;background-attachment:fixed}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-fadeInUp{animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) forwards}.hover-glow:hover{box-shadow:0 0 20px #0891b233}.dark .hover-glow:hover{box-shadow:0 0 25px #0891b266}.icon-box-modern{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1)}.icon-box-modern:hover{--tw-translate-y: -.25rem;--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.dark .icon-box-modern:hover{box-shadow:0 20px 25px -5px #00000080,0 8px 10px -6px #00000080}