@tailwind base;@tailwind components;@tailwind utilities;:root{--foreground-rgb:10,16,32}body{color:rgb(var(--foreground-rgb));background:transparent;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;min-height:100vh}.glass-panel{background:var(--aero-glass);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);border:1px solid rgba(255,255,255,.3);border-radius:20px;box-shadow:0 8px 32px 0 rgba(31,38,135,.15)}@keyframes bubbleFloat{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) scale(1);opacity:0}}@keyframes shimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}:root{--aero-aqua:#00d1ff;--aero-sky:#66c7ff;--aero-ocean:#003b87;--aero-neon-green:#a3ff00;--aero-white:#ffffff;--aero-glass:rgba(255,255,255,0.15)}.aero-background{position:fixed;z-index:-1000;overflow:hidden;background:linear-gradient(135deg,var(--aero-sky) 0,var(--aero-ocean) 50%,var(--aero-aqua) 100%);background-size:200% 200%;animation:gradientShift 15s ease infinite}.aero-background,.aero-bubbles{top:0;left:0;width:100%;height:100%}.aero-bubbles{position:absolute;pointer-events:none}.aero-bubble{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.8),rgba(255,255,255,.2),rgba(0,209,255,.1));box-shadow:inset 0 0 20px rgba(255,255,255,.5),0 0 30px rgba(0,209,255,.3);animation:bubbleFloat linear infinite;will-change:transform,opacity}.aero-background:before{background:linear-gradient(180deg,rgba(0,209,255,.1),transparent 50%,rgba(0,59,135,.2));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.aero-background:after,.aero-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.aero-background:after{background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);background-size:200% 200%;animation:shimmer 8s ease-in-out infinite}@media (max-width:768px){.aero-background{background-size:300% 300%}}@media (prefers-reduced-motion:reduce){.aero-background,.aero-background:after,.aero-background:before,.aero-bubble{animation:none!important}}