:root{--color-bg-primary: #f8fafc;--color-bg-secondary: #ffffff;--color-bg-tertiary: #f1f5f9;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-muted: #64748b;--color-border: #e2e8f0;--color-scrollbar-track: #f8fafc;--color-scrollbar-thumb: #00ced1}.dark{--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-border: #334155;--color-scrollbar-track: #0f172a;--color-scrollbar-thumb: #00ced1}html{scroll-behavior:smooth;scroll-padding-top:100px}body{font-family:Inter,sans-serif;background-color:var(--color-bg-primary);overflow-x:hidden;transition:background-color .3s ease}.dark body{background-color:var(--color-bg-primary)}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--color-scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:6px;border:2px solid var(--color-scrollbar-track)}::-webkit-scrollbar-thumb:hover{background:#00b8b8}*{scrollbar-color:var(--color-scrollbar-thumb) var(--color-scrollbar-track);scrollbar-width:thin}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.mesh-gradient{background-color:#fff;background-image:radial-gradient(at 40% 20%,rgba(168,230,207,.4) 0px,transparent 50%),radial-gradient(at 80% 0%,rgba(91,196,212,.3) 0px,transparent 50%),radial-gradient(at 0% 50%,rgba(112,184,196,.3) 0px,transparent 50%),radial-gradient(at 80% 80%,rgba(168,230,207,.2) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(91,196,212,.2) 0px,transparent 50%)}.dark .mesh-gradient{background-color:#0f172a;background-image:radial-gradient(at 40% 20%,rgba(0,206,209,.15) 0px,transparent 50%),radial-gradient(at 80% 0%,rgba(59,130,246,.1) 0px,transparent 50%),radial-gradient(at 0% 50%,rgba(0,206,209,.1) 0px,transparent 50%),radial-gradient(at 80% 80%,rgba(59,130,246,.08) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(0,206,209,.08) 0px,transparent 50%)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-delayed{animation:float 7s ease-in-out 1s infinite}.animate-float-slow{animation:float 8s ease-in-out 2s infinite}