html,body{overflow-x:hidden;max-width:100vw}*{box-sizing:border-box}.container{max-width:100%}body{font-family:Inter,sans-serif;scroll-behavior:smooth}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-float{animation:float 3s ease-in-out infinite}@keyframes pulse-slow{0%,to{opacity:.1}50%{opacity:.3}}@keyframes grid-move{0%{transform:translate(0)}to{transform:translate(20px,20px)}}.animate-pulse-slow{animation:pulse-slow 4s ease-in-out infinite}.gradient-green{background:linear-gradient(135deg,#1a3a1fd9,#2d5016d9,#1e4d2bd9)}.gradient-blue-green{background:linear-gradient(135deg,#0d4f6ebf,#2d5016bf,#1a5c3ebf)}.gradient-accent{background:linear-gradient(135deg,#9acd3299,#76c44299)}.gradient-blue-accent{background:linear-gradient(135deg,#00a8e899,#007ea799)}:root{--dogbar-deep-green: rgba(26, 58, 31, .85);--dogbar-green: rgba(45, 80, 22, .85);--dogbar-teal: rgba(26, 92, 62, .85);--dogbar-blue: rgba(13, 79, 110, .75);--dogbar-bright-blue: rgba(0, 168, 232, .6);--dogbar-accent: rgba(154, 205, 50, .6);--dogbar-lime: rgba(118, 196, 66, .6)}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001a}#dogbar-loading-screen{transition:opacity .5s ease-out,visibility .5s ease-out}#dogbar-loading-screen.loaded{opacity:0;visibility:hidden}body.loading{overflow:hidden}body.loading #header-root,body.loading #hero-root,body.loading #stats-root,body.loading #events-root,body.loading #about,body.loading #parties,body.loading #instagram-feed,body.loading #footer-root,body.loading main,body.loading section,body.loading [id$=-hero-root],body.loading #loading-screen-container:empty{opacity:0;visibility:hidden}body:not(.loading) #header-root,body:not(.loading) #hero-root,body:not(.loading) #stats-root,body:not(.loading) #events-root,body:not(.loading) #about,body:not(.loading) #parties,body:not(.loading) #instagram-feed,body:not(.loading) #footer-root,body:not(.loading) main,body:not(.loading) section,body:not(.loading) [id$=-hero-root]{opacity:1;visibility:visible;transition:opacity .3s ease-in}@media (max-width: 768px){section.h-\[600px\]{height:500px}}