:root { scroll-behavior: smooth; }
        body { 
            background-color: #FFFFFF; 
            color: #075B5E;
            font-family: 'Truculenta', sans-serif;
            overflow-x: hidden;
        }

        /* Hero Animation Background */
        .hero-bg {
            background: linear-gradient(135deg, #075B5E 0%, #0a3a3c 100%);
            position: relative;
            overflow: hidden;
        }
        .hero-circle {
            position: absolute;
            background: rgba(182, 245, 0, 0.05);
            border-radius: 50%;
            animation: float 20s infinite alternate;
        }
        @keyframes float {
            0% { transform: translate(0, 0) scale(1); }
            100% { transform: translate(100px, 50px) scale(1.2); }
        }

        /* Layered Card Effect */
        .layered-card {
            position: relative;
            transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }
        .layered-card::before {
            content: '';
            position: absolute;
            top: 15px; left: 15px; width: 100%; height: 100%;
            background: #B6F500;
            z-index: -1;
            transition: all 0.3s ease;
        }
        .layered-card:hover { transform: translate(-5px, -5px); }
        .layered-card:hover::before { transform: translate(10px, 10px); }

        /* Navigation Transitions */
        .page-view { display: none; }
        .page-view.active { display: block; animation: fadeIn 0.6s ease-out; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

        /* Accordion Styling */
        .accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.5s ease-out, padding 0.3s ease;
        }
        .accordion-item.active .accordion-content {
            max-height: 500px;
            padding-bottom: 2rem;
        }
        .accordion-item.active .chevron { transform: rotate(180deg); }

        /* Image Masking */
        .property-img {
            filter: sepia(20%) contrast(110%);
            mix-blend-mode: multiply;
            opacity: 0.9;
            transition: all 0.5s ease;
        }
        .property-img:hover { mix-blend-mode: normal; opacity: 1; filter: none; }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #f0f0f0; }
        ::-webkit-scrollbar-thumb { background: #075B5E; border-radius: 10px; }