:root{--primary-teal: #00897B;--secondary-green: #43A047;--accent-blue: #1E88E5;--bg-white: #FFFFFF;--bg-soft: #F5F9FA;--text-dark: #1A1A1A;--text-light: #555555;--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .5);--neon-glow: 0 0 10px rgba(0, 137, 123, .5);--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .15);--radius-lg: 1.5rem;--radius-full: 9999px;--font-main: "Outfit", sans-serif;--bg-gradient: linear-gradient(135deg, #e0f7fa 0%, #f1f8e9 100%);--sidebar-width: 280px;--header-height-mobile: 70px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-main);background:var(--bg-gradient);color:var(--text-dark);overflow-x:hidden;line-height:1.6;min-height:100vh}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all .3s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000000d}::-webkit-scrollbar-thumb{background:var(--primary-teal);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-green)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.gradient-text{background:linear-gradient(135deg,var(--primary-teal),var(--accent-blue));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:0 8px 32px #1f268712;border-radius:var(--radius-lg);transition:transform .3s ease,box-shadow .3s ease}.glass-panel:hover{transform:translateY(-5px);box-shadow:0 12px 40px #1f268726;border:1px solid rgba(255,255,255,.8)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-float{animation:float 6s ease-in-out infinite}.neon-effect{box-shadow:var(--neon-glow)}@media (max-width: 1024px){:root{--radius-lg: 1rem;--sidebar-width: 0px}.container{padding:0 1.5rem}.flex-stack-mobile{flex-direction:column!important}.grid-stack-mobile{grid-template-columns:1fr!important}.glass-panel{padding:1.5rem!important}}@media (max-width: 480px){html{font-size:14px}}