@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--font-size-xs: clamp(.75rem, .7rem + .25vw, .875rem);--font-size-sm: clamp(.875rem, .8rem + .375vw, 1rem);--font-size-base: clamp(1rem, .95rem + .25vw, 1.125rem);--font-size-lg: clamp(1.125rem, 1.05rem + .375vw, 1.25rem);--font-size-xl: clamp(1.25rem, 1.15rem + .5vw, 1.5rem);--font-size-2xl: clamp(1.5rem, 1.35rem + .75vw, 2rem);--font-size-3xl: clamp(1.875rem, 1.65rem + 1.125vw, 3rem);--font-size-4xl: clamp(2.25rem, 2rem + 1.25vw, 4rem);--font-size-5xl: clamp(3rem, 2.75rem + 1.5vw, 5rem)}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{@apply text-slate-900 dark:text-slate-100 bg-white dark:bg-slate-900 transition-colors duration-300 antialiased overflow-x-hidden;touch-action:manipulation}body ::selection{@apply bg-brand-200 dark:bg-brand-900/50 text-brand-900 dark:text-brand-100;}.dark body{background-image:radial-gradient(circle at 50% 0%,rgba(14,165,233,.03),transparent 40%),radial-gradient(circle at 0% 100%,rgba(14,165,233,.02),transparent 30%);background-attachment:fixed}}.canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.glass{@apply bg-white/10 dark:bg-black/20 backdrop-blur-lg border border-white/20 dark:border-white/10 shadow-xl;}.glass-card{@apply bg-white/70 dark:bg-slate-800/70 backdrop-blur-md border border-white/40 dark:border-slate-700 shadow-lg;}