*{margin:0;padding:0;box-sizing:border-box;-ms-overflow-style:none;scrollbar-width:none}body{font-family:Poppins,sans-serif;line-height:1.6;overflow-y:auto;min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{display:none}body,html{overflow-x:hidden}.video-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;overflow:hidden}#bg-video{width:100%;height:100%;object-fit:cover;filter:blur(8px);transform:scale(1.1)}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:-1}.fallback-bg{width:100%;height:100%;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);filter:blur(8px)}main{position:relative;z-index:2;flex:1;overflow-y:auto;padding-bottom:80px}.hero{min-height:85vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;background:rgba(255,255,255,.05);backdrop-filter:blur(10px);position:relative}.hero-content{max-width:800px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin-bottom:6rem}.hero-logo{max-width:100%;height:auto;max-height:300px;margin-bottom:2rem;filter:drop-shadow(0 4px 8px rgba(0, 0, 0, .3));transition:transform .3s}.hero-logo:hover{transform:scale(1.05)}.hero-subtitle{font-size:1.5rem;font-weight:300;margin-bottom:1.5rem;color:rgba(255,255,255,.9);line-height:1.4;text-align:center}.subtitle-line{display:block;margin-bottom:.3rem}.subtitle-line:last-child{margin-bottom:0}.hero-description{font-size:1.1rem;font-weight:300;line-height:1.8;opacity:.9;max-width:600px;margin:0 auto;text-align:center}.description-line{display:block;margin-bottom:.3rem}.description-line:last-child{margin-bottom:0}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;color:rgba(255,255,255,.8);cursor:pointer;transition:.3s}.scroll-indicator:hover{color:#fff;transform:translateX(-50%) translateY(-5px)}.scroll-text{font-size:.9rem;margin-bottom:.5rem;font-weight:300;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.scroll-arrow{font-size:1.5rem;animation:2s infinite bounce}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.travel-options{padding:4rem 2rem;background:rgba(0,0,0,.3);backdrop-filter:blur(5px);min-height:100vh}.container{max-width:1200px;margin:0 auto}.section-title{text-align:center;font-size:2.5rem;font-weight:600;color:#333;margin-bottom:3rem;position:relative}.section-title::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border-radius:2px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem}.travel-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:.3s;cursor:pointer;position:relative;transform:translateY(0)}.travel-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0,rgba(255,107,107,.1) 100%);opacity:0;transition:opacity .3s;z-index:1}.travel-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.2)}.travel-card:hover::before{opacity:1}.card-image{width:100%;height:250px;object-fit:cover;transition:transform .3s,opacity 1.2s ease-in-out,filter 1.2s ease-in-out;position:absolute;top:0;left:0}.card-image-container{position:relative;width:100%;height:250px;overflow:hidden}.card-image.fade-out{opacity:0;filter:blur(2px)}.card-image.fade-in{opacity:1;filter:blur(0px)}.travel-card:hover .card-image{transform:scale(1.05)}.card-content{padding:2rem;position:relative;z-index:2}.card-title{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:1rem;transition:color .3s}.travel-card:hover .card-title{color:#ff6b6b}.card-description{color:#666;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.card-cta{display:inline-flex;align-items:center;color:#4ecdc4;font-weight:500;text-decoration:none;transition:.3s;font-size:1rem}.card-cta::after{content:'→';margin-left:.5rem;transition:transform .3s}.travel-card:hover .card-cta::after{transform:translateX(5px)}.loading{text-align:center;padding:2rem;color:#666;font-style:italic}.footer{background:rgba(0,0,0,.5);color:#fff;padding:1rem 0;backdrop-filter:blur(10px);position:fixed;bottom:0;left:0;right:0;z-index:10}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-copyright p{margin:0;font-size:.9rem;color:rgba(255,255,255,.8)}.footer-social{display:flex;gap:1rem;align-items:center}.about-link{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.1);color:#fff;text-decoration:none;border-radius:25px;padding:.5rem 1rem;transition:.3s;font-size:.9rem;font-weight:500;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px)}.about-link:hover{background:rgba(255,255,255,.2);transform:translateY(-2px);color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.2)}.about-link i{font-size:.9rem;color:#4ecdc4}.social-links{display:flex;gap:1rem;align-items:center}.social-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(255,255,255,.1);color:#fff;text-decoration:none;border-radius:50%;transition:.3s;font-size:1.1rem}.social-link:hover{background:rgba(255,255,255,.2);transform:translateY(-2px);color:#fff}.social-link:focus{outline:rgba(255,255,255,.5) solid 2px;outline-offset:2px}@media (max-width:1024px){.hero{min-height:90vh}.hero-content{margin-bottom:8rem}.scroll-indicator{bottom:3rem}}@media (max-width:768px){.hero-logo{max-height:220px;margin-bottom:1.5rem}.hero-subtitle{font-size:1.2rem}.hero-description{font-size:1rem}.hero-content{margin-bottom:5rem}.scroll-indicator{bottom:2rem}.cards-grid{grid-template-columns:1fr;gap:1.5rem}.travel-options{padding:2rem 1rem}.section-title{font-size:2rem}.footer-content{flex-direction:column;text-align:center;gap:1.5rem}.footer-social{flex-direction:column;gap:1rem}.social-links{justify-content:center}}@media (max-width:480px){.hero{padding:1rem}.hero-logo{max-height:180px;margin-bottom:1rem}.cards-grid{grid-template-columns:1fr;gap:1rem}.card-content{padding:1.5rem}}