.page-view { display: none; }
        .page-view.active { display: block; animation: sectionFade 0.8s cubic-bezier(0.4, 0, 0.2, 1); }
        @keyframes sectionFade { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
        
        .hero-mesh { background: radial-gradient(at 0% 0%, rgba(0, 212, 255, 0.15) 0, transparent 50%), radial-gradient(at 100% 100%, rgba(40, 199, 111, 0.1) 0, transparent 50%), #111; }
        .glass { background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.1); }
        .property-card { transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); }
        .property-card:hover { transform: translateY(-15px); box-shadow: 0 30px 60px -12px rgba(0,0,0,0.25); border-color: #00D4FF; }
        
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: #111; }
        ::-webkit-scrollbar-thumb { background: #00D4FF; }
        
        .nav-link { position: relative; }
        .nav-link::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 2px; background: #00D4FF; transition: width 0.3s ease; }
        .nav-link:hover::after { width: 100%; }

        #reserve-drawer { transform: translateX(100%); transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); }
        #reserve-drawer.open { transform: translateX(0); }