body { font-family: 'Caladea', serif; color: #578E7E; overflow-x: hidden; scroll-behavior: smooth; }
        
        .glass-header { 
            background: rgba(255, 255, 255, 0.95);
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .header-scrolled { padding: 0.5rem 2rem; background: rgba(22, 196, 127, 0.95); box-shadow: 0 10px 30px rgba(0,0,0,0.1); }
        .header-scrolled .nav-link { color: white; }
        .header-scrolled .logo-text { color: white; }

        .hero-bg {
            background-size: cover;
            background-position: center;
            transition: background-image 1.5s ease-in-out;
        }

        .info-card-stack {
            transition: transform 0.5s ease;
        }
        .info-card-stack:hover { transform: translateX(-20px); }

        .timeline-line::before {
            content: ''; position: absolute; left: 50%; width: 2px; height: 100%; background: #16C47F; transform: translateX(-50%);
        }

        .masonry-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); grid-auto-rows: 200px; gap: 20px; }
        .masonry-item { transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); cursor: pointer; }
        .masonry-item:hover { transform: rotate(2deg) translateY(-10px); z-index: 10; }

        .page-view { display: none; min-height: 100vh; }
        .page-active { display: block; animation: fadeIn 0.5s ease; }

        .service-card { border: 2px solid transparent; transition: all 0.3s; }
        .service-card:hover { border-color: #16C47F; background: white; transform: translateY(-5px); }
        
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #BAD8B6; }
        ::-webkit-scrollbar-thumb { background: #16C47F; border-radius: 10px; }