/* MODULE: AVIATION (VIBE: COMMAND) */
body { background-color: var(--dark-blue); color: white; }

/* HERO SECTION */
.hero {
    position: relative; height: 100vh; width: 100%;
    display: flex; flex-direction: column; justify-content: center; align-items: center;
    overflow: hidden; padding-top: 80px;
}

/* 3D WIREFRAME GLOBE (CSS ONLY) */
.globe-container {
    position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 800px; height: 800px;
    opacity: 0.3; z-index: 0; pointer-events: none;
}
.globe {
    width: 100%; height: 100%; border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.1);
    background: radial-gradient(circle, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 90%);
    position: relative; animation: spin 60s linear infinite;
}
.globe::before, .globe::after {
    content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    border-radius: 50%; border: 1px dashed rgba(255,255,255,0.1);
}
.globe::before { transform: rotate(45deg); }
.globe::after { transform: rotate(-45deg); }
@keyframes spin { 100% { transform: rotate(360deg); } }

/* OMNI-SEARCH WIDGET */
.omni-widget {
    position: relative; z-index: 10;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 20px;
    padding: 20px; width: 90%; max-width: 800px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.5);
}
.omni-tabs { display: flex; gap: 20px; margin-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 10px; }
.omni-tab {
    cursor: pointer; font-size: 0.9rem; font-weight: 600; color: rgba(255,255,255,0.5);
    padding-bottom: 5px; border-bottom: 2px solid transparent;
}
.omni-tab.active { color: white; border-color: var(--primary); }

.omni-inputs { display: grid; grid-template-columns: 1fr 1fr 1fr auto; gap: 10px; }
.omni-input {
    background: rgba(255,255,255,0.1); border: none; padding: 15px;
    border-radius: 10px; color: white; font-family: var(--font-main);
}
.omni-btn {
    background: var(--primary); color: white; border: none; padding: 0 30px;
    border-radius: 10px; font-weight: 700; cursor: pointer;
}

/* TICKER */
.ticker-wrap {
    position: absolute; bottom: 0; width: 100%; background: black;
    height: 40px; display: flex; align-items: center; overflow: hidden;
    border-top: 1px solid #333; z-index: 10;
}
.ticker-item {
    white-space: nowrap; font-family: var(--font-mono); font-size: 0.8rem;
    color: var(--primary); padding-right: 50px; animation: ticker 20s linear infinite;
}
@keyframes ticker { 0% { transform: translateX(100vw); } 100% { transform: translateX(-100%); } }

/* MOBILE RESPONSIVE */
@media (max-width: 768px) {
    .omni-inputs { grid-template-columns: 1fr; }
    .omni-btn { padding: 15px; margin-top: 10px; }
    .globe-container { width: 300px; height: 300px; }
    .hero h1 { font-size: 2.5rem; line-height: 1; }
}