/*
Theme Name: AETHER 2050
Theme URI: https://aether2050.example
Author: AETHER Design Studio
Author URI: https://aether2050.example
Description: A premium futuristic WordPress theme for AETHER — the leading eVTOL mobility brand in 2050. Features a stunning dark glassmorphism design with interactive booking experience.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aether-2050
Tags: dark, futuristic, glassmorphism, one-page, landing-page, custom-theme
*/

/* ========================================
   AETHER 2050 - Custom Styles
   ======================================== */

:root {
    --cyan: #67e8f9;
}

body {
    font-family: 'Inter', system_ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.font-display {
    font-family: 'Space Grotesk', 'Inter', system_ui, sans-serif;
    font-weight: 600;
    letter-spacing: -0.025em;
}

.glass {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.neon-cyan {
    box-shadow: 0 0 15px rgba(103, 232, 249, 0.5),
                0 0 30px rgba(103, 232, 249, 0.2);
}

.futuristic-grid {
    background-image: 
        linear-gradient(rgba(103, 232, 249, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(103, 232, 249, 0.03) 1px, transparent 1px);
    background-size: 60px 60px;
}

.evtoll-card {
    transition: all 0.4s cubic-bezier(0.4, 0.0, 0.2, 1);
}

.evtoll-card:hover {
    transform: translateY(-12px) scale(1.01);
    box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.4);
}

.nav-link {
    transition: all 0.2s ease;
}

.nav-link:hover {
    color: #67e8f9;
}

.neon-button {
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.neon-button::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -100%;
    width: 50%;
    height: 200%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.3),
        transparent
    );
    transition: 0.6s;
}

.neon-button:hover::after {
    left: 250%;
}

.eVTOL-svg {
    transition: transform 0.4s ease;
}

.evtoll-card:hover .eVTOL-svg {
    transform: translateY(-8px) rotate(2deg);
}

.modal {
    animation: modalPopIn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes modalPopIn {
    from {
        opacity: 0;
        transform: scale(0.9) translateY(20px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

/* WordPress specific */
.wp-admin .glass {
    backdrop-filter: none;
}

.entry-content {
    max-width: 100%;
}