@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--primary:#01796f;--primary-dark:#005a52;--primary-light:#f4f9f8;--accent:#f0c808;--text:#1a1a1a;--text-light:#666;--bg:#fff;--bg-light:#fafafa;--border:#eee;--success:#16a34a;--danger:#dc2626;--warning:#f59e0b;--info:#2563eb;--radius:16px;--radius-sm:8px;--shadow-sm:0 2px 4px #0000000d;--shadow:0 10px 30px -10px #00000014;--shadow-md:0 20px 40px -15px #0000001f;--shadow-lg:0 30px 60px -15px #00000026}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-tap-highlight-color:transparent}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}.container{max-width:1240px;margin:0 auto;padding:0 24px}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;height:auto}.navbar{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#fffffff2;height:80px;transition:all .3s;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.nav-logo{color:var(--primary);letter-spacing:-1px;align-items:center;gap:4px;font-size:1.75rem;font-weight:900;display:flex}.nav-links{align-items:center;gap:32px;height:100%;display:flex}.nav-item-wrapper{height:100%;position:static}.nav-item{color:var(--text);cursor:pointer;align-items:center;height:100%;padding:0 12px;font-size:.95rem;font-weight:600;transition:color .2s;display:flex}.nav-item:hover{color:var(--primary)}.nav-right{align-items:center;gap:24px;display:flex}.nav-search{color:var(--text);cursor:pointer;background:var(--bg-light);border-radius:50px;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:600;display:flex}.mega-menu{border-top:1px solid var(--border);width:100%;box-shadow:var(--shadow-lg);visibility:hidden;opacity:0;z-index:999;background:#fff;padding:48px 0;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:80px;left:0;right:0;transform:translateY(10px)}.nav-item-wrapper:hover .mega-menu{visibility:visible;opacity:1;transform:translateY(0)}.mega-menu-inner{grid-template-columns:350px 1fr;gap:60px;display:grid}.mega-featured{background:var(--primary-light);border-radius:var(--radius);flex-direction:column;align-items:flex-start;padding:40px;display:flex}.mega-featured h3{color:var(--primary);margin:16px 0 8px;font-size:1.5rem;font-weight:800}.mega-featured p{color:var(--text-light);margin-bottom:24px;font-size:.95rem}.mega-links-grid{grid-template-columns:repeat(2,1fr);gap:40px;display:grid}.mega-links-col h4{color:var(--text);text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;font-size:1rem;font-weight:800}.mega-links{flex-direction:column;gap:12px;display:flex}.mega-link{color:var(--text-light);align-items:center;gap:8px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.mega-link:hover{color:var(--primary);transform:translate(4px)}.bottom-nav{-webkit-backdrop-filter:blur(15px);border-top:1px solid var(--border);z-index:2000;padding-bottom:env(safe-area-inset-bottom);background:#ffffffd9;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--text-light);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:12px 0;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-item span{font-size:.7rem}.btn{white-space:nowrap;border:none;border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:.95rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:active{transform:scale(.95)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 10px 20px #01796f33}.btn-outline{border:2px solid var(--border);color:var(--text);background:0 0}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn-accent{background:var(--accent);color:var(--text)}.section{padding:80px 0}.section-header{text-align:center;margin-bottom:48px}.section-title{letter-spacing:-1px;font-size:2.5rem;font-weight:900}.section-subtitle{color:var(--text-light);max-width:600px;margin:12px auto 0;font-size:1.1rem}.hero{width:100%;position:relative;overflow:visible}.home-hero{background:var(--primary-dark);align-items:center;height:auto;min-height:600px;padding:60px 0;display:flex}.hero-bg{opacity:.4;background:linear-gradient(135deg,#01796f 0%,#013d38 100%);position:absolute;inset:0}.home-hero-content{z-index:10;text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.search-box-wrapper{z-index:20;width:100%;max-width:1100px;margin:0 auto;position:relative}.search-card{box-shadow:var(--shadow-lg);background:#fff;border-radius:24px;grid-template-columns:1fr 1fr;gap:32px;padding:40px;display:grid}.search-main{border-right:1px solid var(--border);padding-right:32px}.search-main h2{text-align:left;color:var(--text);margin-bottom:24px;font-size:1.5rem;font-weight:800}.input-group{background:var(--bg-light);border-radius:12px;align-items:center;gap:12px;margin-bottom:20px;padding:16px 20px;transition:all .2s;display:flex}.input-group:focus-within{box-shadow:0 0 0 2px var(--primary);background:#fff}.input-group input{background:0 0;border:none;outline:none;flex:1;font-size:1rem;font-weight:500}.search-actions{gap:16px;display:flex}.quick-access{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.quick-btn{background:var(--bg-light);color:var(--text);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;font-size:.9rem;font-weight:700;transition:all .3s;display:flex}.quick-btn:active{background:var(--border)}.quick-btn:hover{box-shadow:var(--shadow);color:var(--primary);background:#fff;transform:translateY(-4px)}.quick-btn .icon{color:var(--primary);transition:transform .3s}.quick-btn:hover .icon{transform:scale(1.1)}.services-grid{grid-template-columns:repeat(4,1fr);gap:32px;display:grid}.service-card{border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;background:#fff;flex-direction:column;align-items:center;padding:40px;transition:all .3s;display:flex}.service-icon-box{background:var(--primary-light);width:64px;height:64px;color:var(--primary);border-radius:20px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.service-card h3{margin-bottom:12px;font-size:1.25rem;font-weight:800}.service-card p{color:var(--text-light);flex:1;margin-bottom:24px;font-size:.95rem}.highlights-section{background:var(--primary);color:#fff;padding:100px 0;overflow:hidden}.highlights-header{justify-content:space-between;align-items:flex-end;margin-bottom:48px;display:flex}.highlights-scroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;gap:24px;padding:20px 0;display:flex;overflow-x:auto}.highlights-scroll::-webkit-scrollbar{display:none}.highlight-item{height:280px;box-shadow:var(--shadow-md);scroll-snap-align:center;border-radius:24px;flex:0 0 400px;position:relative;overflow:hidden}.highlight-img{background:linear-gradient(135deg,#015c55,#02a896);position:absolute;inset:0}.highlight-content{background:linear-gradient(#0000,#000000b3);flex-direction:column;justify-content:flex-end;padding:32px;display:flex;position:absolute;inset:0}.highlight-content span{text-transform:uppercase;letter-spacing:1px;opacity:.8;margin-bottom:8px;font-size:.85rem;font-weight:700}.highlight-content h3{font-size:1.5rem;font-weight:800}.exp-grid{grid-template-rows:repeat(2,250px);grid-template-columns:2fr 1fr 1fr;gap:24px;display:grid}.exp-card{cursor:pointer;border-radius:24px;position:relative;overflow:hidden}.exp-card:first-child{grid-row:span 2}.exp-bg{background:#01796f;transition:transform .6s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.exp-card:hover .exp-bg{transform:scale(1.05)}.exp-overlay{background:linear-gradient(#0000,#00000080);flex-direction:column;justify-content:flex-end;padding:32px;display:flex;position:absolute;inset:0}.exp-label{white-space:nowrap;background:#fff;border-radius:50px;align-items:center;gap:10px;width:fit-content;padding:12px 24px;font-size:.9rem;font-weight:800;display:flex}.page-header{background:var(--bg-light);border-bottom:1px solid var(--border);padding:60px 0}.page-title{letter-spacing:-1.5px;font-size:3rem;font-weight:900}.status-filters{justify-content:space-between;align-items:center;margin:48px 0;display:flex}.tabs-premium{background:var(--bg-light);border-radius:50px;padding:6px;display:flex}.tab-premium{color:var(--text-light);border-radius:50px;padding:12px 32px;font-size:.95rem;font-weight:800;transition:all .2s}.tab-premium.active{color:var(--primary);box-shadow:var(--shadow-sm);background:#fff}.flight-card-list{flex-direction:column;gap:16px;margin-bottom:48px;display:flex}.flight-row-premium{box-shadow:var(--shadow-sm);cursor:pointer;background:#fff;border:1px solid #0000;border-radius:16px;grid-template-columns:180px 1fr 180px 150px;align-items:center;padding:24px 32px;transition:all .3s;display:grid}.flight-row-premium:active{background:var(--bg-light);transform:scale(.98)}.flight-row-premium:hover{box-shadow:var(--shadow);border-color:var(--primary-light);transform:scale(1.01)}.flight-row-takenoff{opacity:.6;background:#fafafa}.f-time{font-size:1.1rem;font-weight:800}.f-info{align-items:center;gap:20px;display:flex}.f-airline-logo{background:var(--bg-light);width:120px;height:48px;color:var(--primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:0 8px;font-weight:800;display:flex}.f-dest-name{font-size:1.1rem;font-weight:800;line-height:1.2}.f-dest-sub{color:var(--text-light);margin-top:4px;font-size:.85rem}.status-pill{text-transform:uppercase;letter-spacing:.5px;border-radius:50px;width:fit-content;padding:8px 16px;font-size:.8rem;font-weight:800}.journey-grid{grid-template-columns:2fr 1fr;gap:80px;display:grid}.flight-details-card{grid-template-columns:repeat(4,1fr);margin-top:40px;padding:32px}.fd-col{border-right:1px solid var(--border);padding:0 24px}.fd-col:first-child{padding-left:0}.fd-col:last-child{border-right:none;padding-right:0}.footer{color:#fff;background:#1a1a1a;padding:80px 0 40px}.footer-top{grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:80px;display:grid}.footer-brand h2{margin-bottom:16px;font-size:2rem;font-weight:900}.footer-brand h2 span{color:var(--accent)}.footer-brand p{color:#999;max-width:300px}.footer-col h4{text-transform:uppercase;letter-spacing:1.5px;color:#fff;margin-bottom:24px;font-size:.9rem;font-weight:800}.footer-links{flex-direction:column;gap:12px;list-style:none;display:flex}.footer-links a{color:#999;font-size:.95rem;transition:color .2s}.footer-links a:hover{color:#fff}.footer-bottom{color:#666;border-top:1px solid #333;justify-content:space-between;align-items:center;padding-top:40px;font-size:.85rem;display:flex}.tracker-container{height:600px;box-shadow:var(--shadow);background:#fff;border-radius:16px;grid-template-columns:400px 1fr;display:grid;overflow:hidden}.tracker-panel{border-right:1px solid var(--border);width:100%;box-shadow:none;position:relative}.tracker-map-wrapper{z-index:1;width:100%;height:100%;position:relative}#tracker-map{width:100%;height:100%;position:absolute;inset:0}@media (max-width:1024px){.mega-menu,.nav-links,.nav-right .nav-search{display:none}.search-card{border-radius:20px;grid-template-columns:1fr;gap:24px;margin-top:0;padding:24px}.search-main{border-right:none;border-bottom:1px solid var(--border);padding-bottom:24px;padding-right:0}.search-actions{grid-template-columns:1fr 1fr;display:grid}.home-hero{height:auto;min-height:400px;padding:40px 0}.home-hero-content h1{font-size:2.5rem}.services-grid,.footer-top{grid-template-columns:repeat(2,1fr)}.exp-grid{grid-template-rows:auto;grid-template-columns:1fr 1fr}.exp-card:first-child{grid-area:span 1/span 2}.flight-row-premium{grid-template-columns:1fr 1fr;gap:16px}.journey-grid{grid-template-columns:1fr;gap:40px}.tracker-container{flex-direction:column;grid-template-columns:1fr;height:auto;display:flex}.tracker-panel{border-right:none;border-bottom:1px solid var(--border)}.tracker-map-wrapper{height:400px}#tracker-map{position:relative!important}}@media (max-width:768px){body{padding-bottom:80px}.bottom-nav{grid-template-columns:repeat(4,1fr);display:grid}.navbar{height:60px}.nav-logo{font-size:1.5rem}.nav-logo img{height:32px!important}.container{padding:0 16px}.section{padding:48px 0}.section-title{font-size:1.75rem}.page-header{padding:40px 0}.page-title{font-size:2rem}.services-grid{grid-template-columns:1fr 1fr;gap:16px}.service-card{padding:24px 16px}.service-icon-box{width:48px;height:48px;margin-bottom:16px}.service-icon-box svg{width:24px;height:24px}.service-card h3{margin-bottom:8px;font-size:1rem}.service-card p{margin-bottom:16px;font-size:.85rem}.service-card .btn{white-space:nowrap;text-align:center;width:100%;margin-top:auto;padding:12px;font-size:.85rem}.quick-access{gap:12px}.quick-btn{border-radius:12px;padding:16px}.quick-btn .icon{width:24px;height:24px}.highlight-item{flex:0 0 280px;height:220px}.highlight-content{padding:20px}.highlight-content h3{font-size:1.2rem}.exp-grid{flex-direction:column;gap:16px;display:flex}.exp-card{border-radius:16px;height:200px}.exp-card:first-child{height:250px}.exp-overlay{padding:20px}.exp-label{padding:10px 20px;font-size:.85rem}.status-filters{flex-direction:column;align-items:stretch;gap:20px;margin:32px 0}.tabs-premium{text-align:center;grid-template-columns:1fr 1fr;display:grid}.tab-premium{justify-content:center;width:100%;padding:10px;display:flex}.input-group{margin-bottom:20px;width:100%!important}.footer-top{grid-template-columns:1fr;gap:40px;margin-bottom:40px}.footer-bottom{text-align:center;flex-direction:column;gap:24px}.flight-details-card{grid-template-columns:repeat(2,1fr)!important;gap:24px!important;margin-top:32px!important;padding:24px!important}.fd-col{border-right:none!important;padding:0!important}.fd-col:nth-child(odd){border-right:1px solid var(--border)!important;padding-right:16px!important}.fd-col:nth-child(2n){padding-left:16px!important}}