:root{--bg-main: #F8FAFC;--color-primary: #1E293B;--color-secondary: #475569;--color-cta: #0891B2;--color-text: #1E293B}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-main);color:var(--color-text)}.surface-card{background:#fff;border:1px solid rgba(226,232,240,.8);box-shadow:0 8px 24px -4px #0f172a0f,0 4px 12px -2px #0f172a08;transition:all .3s cubic-bezier(.23,1,.32,1)}.surface-card:hover{box-shadow:0 20px 40px -8px #0f172a14,0 12px 24px -4px #0f172a0a;transform:translateY(-4px);border-color:#cbd5e1}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#d1d5db80;border-radius:20px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#9ca3afcc}