/* Lufthansa Cotton Style - Auto-themed */
:root {
    /* Lufthansa Corporate Colors - Polished Variants */
    --aoge-blue: #0a308d;
    --aoge-blue-bright: #0a4dac;
    --aoge-blue-light: #0a5ec8;
    --aoge-blue-deep: #0a1d53;
    --aoge-blue-glow: rgba(10,40,130,0.5);
    --aoge-blue-glow-strong: rgba(10,50,137,0.7);
    --aoge-gold: #f59910;
    --aoge-gold-bright: #f5d733;
    --aoge-gold-light: #f5c03b;
    --aoge-gold-deep: #e2b00a;
    --aoge-gold-glow: rgba(245,200,10,0.6);
    --aoge-gold-glow-strong: rgba(245,211,10,0.8);
    
    /* Background Colors */
    --aoge-bg: #FAFAFA;
    --aoge-bg-white: #FFFFFF;
    --aoge-bg-light: #F5F5F5;
    --aoge-bg-dark: #1d2b2b;
    
    /* Text Colors */
    --aoge-text: #1f2c40;
    --aoge-text-dark: #11152c;
    --aoge-text-light: #ec990a;
    --aoge-text-muted: #f59f11;
    
    /* Border & Divider */
    --aoge-border: #c5dfdd;
    --aoge-border-light: #F1F5F9;
    --aoge-border-dark: #cacbd7;
    
    /* Shadows - Glossy Effects */
    --aoge-shadow-sm: 0 2px 8px rgba(10,103,197,0.08);
    --aoge-shadow: 0 2px 8px rgba(0,0,0,0.08);
    --aoge-shadow-md: 0 8px 24px rgba(10,104,196,0.16);
    --aoge-shadow-lg: 0 12px 40px rgba(10,98,211,0.2);
    --aoge-shadow-gold: 0 4px 20px rgba(245,221,10,0.3);
    --aoge-shadow-gold-lg: 0 8px 32px rgba(245,216,10,0.4);
    --aoge-glow-blue: 0 0 20px rgba(10,97,202,0.3);
    --aoge-glow-gold: 0 0 24px rgba(245,220,10,0.4);
    
    /* Spacing */
    --aoge-radius: 3px;
    --aoge-radius-sm: 5px;
    --aoge-radius-lg: 12px;
    --aoge-radius-xl: 29px;
    
    /* Transitions */
    --aoge-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    --aoge-transition-fast: all 0.2s ease;
    --aoge-transition-slow: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    font-size: 16px;
}

body.aoge-body {
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    line-height: 1.75;
    color: var(--aoge-text);
    background: var(--aoge-bg);
    background-image: 
        /* Aviation-inspired grid pattern */
        repeating-linear-gradient(
            0deg,
            transparent,
            transparent 40px,
            rgba(10,44,132,0.015) 40px,
            rgba(10,54,139,0.015) 41px
        ),
        repeating-linear-gradient(
            90deg,
            transparent,
            transparent 40px,
            rgba(10,48,131,0.015) 40px,
            rgba(10,42,130,0.015) 41px
        ),
        /* Gradient overlays */
        linear-gradient(135deg, rgba(10,53,138,0.03) 0%, transparent 50%),
        linear-gradient(225deg, rgba(245,203,10,0.02) 0%, transparent 50%);
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

body.aoge-body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--aoge-blue) 30%,
        var(--aoge-gold) 50%,
        var(--aoge-blue) 70%,
        transparent 100%
    );
    opacity: 0.2;
    z-index: 1;
    pointer-events: none;
}

a {
    color: var(--aoge-blue);
    text-decoration: none;
    transition: var(--aoge-transition);
    font-weight: 500;
}

a:hover {
    color: var(--aoge-blue-bright);
}

.aoge-container {
    max-width:100%;
    margin: 0 auto;
    padding: 0 31px;
}

/* Header - Polished Glossy */
.aoge-header {
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.98) 0%,
        rgba(255, 255, 255, 0.95) 100%
    );
    backdrop-filter: blur(23px) saturate(200%);
    -webkit-backdrop-filter: blur(21px) saturate(200%);
    border-bottom: 1px solid var(--aoge-border);
    position: sticky;
    top: 0;
    z-index: 1000;
    box-shadow: var(--aoge-shadow);
    transition: var(--aoge-transition);
}

.aoge-header::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--aoge-blue) 30%,
        var(--aoge-gold) 50%,
        var(--aoge-blue) 70%,
        transparent 100%
    );
    opacity: 0.5;
}

.aoge-header-inner {
    max-width:100%;
    margin: 0 auto;
    padding: 20px 29px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.aoge-logo {
    display: flex;
    align-items: center;
    gap: 16px;
    text-decoration: none;
    color: var(--aoge-text-dark);
    font-weight: 700;
    font-size: 24px;
    letter-spacing: -0.5px;
    transition: var(--aoge-transition);
}

.aoge-logo:hover {
    transform: translateX(3px);
}

.aoge-logo-mark {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, var(--aoge-blue) 0%, var(--aoge-blue-bright) 50%, var(--aoge-gold) 100%);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
    box-shadow: 
        0 8px 24px rgba(10,42,135,0.3),
        0 0 30px rgba(10,52,127,0.4),
        inset 0 2px 4px rgba(255, 255, 255, 0.3);
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.aoge-logo-mark::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(
        45deg,
        transparent 30%,
        rgba(255, 255, 255, 0.4) 50%,
        transparent 70%
    );
    animation: aoge-shine-polish 3s infinite;
}

@keyframes aoge-shine-polish {
    0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }
    100% { transform: translateX(100%) translateY(100%) rotate(45deg); }
}

.aoge-logo-text {
    font-weight: 700;
    background: linear-gradient(135deg, var(--aoge-text-dark) 0%, var(--aoge-blue) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.aoge-nav {
    display: flex;
    gap: 6px;
    align-items: center;
}

.aoge-nav-link {
    color: var(--aoge-text);
    text-decoration: none;
    font-weight: 500;
    font-size: 15px;
    padding: 14px 21px;
    border-radius: var(--aoge-radius-sm);
    transition: var(--aoge-transition);
    position: relative;
    letter-spacing: 0.3px;
}

.aoge-nav-link::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(10,96,202,0.1) 0%, rgba(245,219,10,0.05) 100%);
    border-radius: var(--aoge-radius-sm);
    opacity: 0;
    transition: var(--aoge-transition);
    z-index: -1;
}

.aoge-nav-link::after {
    content: '';
    position: absolute;
    bottom: 6px;
    left: 50%;
    transform: translateX(-50%) scaleX(0);
    width: 70%;
    height: 3px;
    background: linear-gradient(90deg, var(--aoge-blue) 0%, var(--aoge-gold) 100%);
    border-radius: 3px;
    transition: var(--aoge-transition);
    box-shadow: var(--aoge-shadow-gold);
}

.aoge-nav-link:hover {
    color: var(--aoge-blue);
    transform: translateY(-2px);
}

.aoge-nav-link:hover::before {
    opacity: 1;
}

.aoge-nav-link:hover::after {
    transform: translateX(-50%) scaleX(1);
}

.aoge-nav-link--active {
    color: var(--aoge-blue);
    background: linear-gradient(135deg, rgba(10,100,201,0.12) 0%, rgba(245,207,10,0.08) 100%);
    font-weight: 600;
    box-shadow: var(--aoge-shadow-sm);
}

.aoge-nav-link--active::after {
    transform: translateX(-50%) scaleX(1);
}

.aoge-menu-toggle {
    display: none;
    flex-direction: column;
    gap: 5px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 12px;
    border-radius: var(--aoge-radius-sm);
    transition: var(--aoge-transition);
}

.aoge-menu-toggle:hover {
    background: rgba(10,105,200,0.1);
}

.aoge-menu-line {
    width: 28px;
    height: 3px;
    background: var(--aoge-blue);
    border-radius: 3px;
    transition: var(--aoge-transition);
}

.aoge-menu-toggle.active .aoge-menu-line:nth-child(1) {
    transform: rotate(45deg) translate(9px, 9px);
    background: var(--aoge-blue);
}

.aoge-menu-toggle.active .aoge-menu-line:nth-child(2) {
    opacity: 0;
}

.aoge-menu-toggle.active .aoge-menu-line:nth-child(3) {
    transform: rotate(-45deg) translate(9px, -9px);
    background: var(--aoge-blue);
}

.aoge-mobile-nav {
    display: none;
    flex-direction: column;
    padding: 26px 31px;
    background: var(--aoge-bg-white);
    border-top: 2px solid var(--aoge-border);
    box-shadow: var(--aoge-shadow-md);
}

.aoge-mobile-nav.active {
    display: flex;
}

.aoge-mobile-link {
    padding: 17px 0;
    color: var(--aoge-text);
    text-decoration: none;
    font-weight: 500;
    border-bottom: 1px solid var(--aoge-border-light);
    transition: var(--aoge-transition);
    font-size: 15px;
}

.aoge-mobile-link:hover {
    color: var(--aoge-blue);
    padding-left: 12px;
    border-bottom-color: var(--aoge-blue);
}

.aoge-mobile-link:last-child {
    border-bottom: none;
}

/* Hero Section - Polished */
.aoge-hero {
    background: linear-gradient(
        135deg,
        rgba(10,45,130,0.06) 0%,
        var(--aoge-bg-white) 35%,
        rgba(245,211,10,0.04) 50%,
        var(--aoge-bg-white) 65%,
        rgba(10,46,129,0.04) 100%
    );
    padding: 120px 0 100px;
    text-align: center;
    position: relative;
    overflow: hidden;
    border-bottom: 3px solid transparent;
    border-image: linear-gradient(90deg, transparent, var(--aoge-blue), var(--aoge-gold), var(--aoge-blue), transparent) 1;
}

.aoge-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 20% 30%, rgba(10,94,206,0.08) 0%, transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(245,217,10,0.06) 0%, transparent 50%);
    opacity: 0.6;
}

.aoge-hero::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--aoge-blue) 25%,
        var(--aoge-gold) 50%,
        var(--aoge-blue) 75%,
        transparent 100%
    );
    opacity: 0.5;
    box-shadow: 0 2px 12px rgba(10,45,136,0.4);
}

.aoge-hero-decoration {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: 
        radial-gradient(circle at 15% 25%, rgba(10,55,127,0.1) 0%, transparent 40%),
        radial-gradient(circle at 85% 75%, rgba(245,205,10,0.08) 0%, transparent 40%);
    opacity: 0.7;
    pointer-events: none;
}

.aoge-hero-inner {
    max-width:100%;
    margin: 0 auto;
    padding: 0 35px;
    position: relative;
    z-index: 2;
}

.aoge-hero-badge {
    display: inline-block;
    padding: 16px 33px;
    background: linear-gradient(135deg, var(--aoge-bg-white) 0%, rgba(10,40,134,0.05) 100%);
    border: 3px solid var(--aoge-blue);
    border-radius: 49px;
    font-size: 15px;
    font-weight: 700;
    color: var(--aoge-blue);
    text-transform: uppercase;
    letter-spacing: 2.6px;
    margin-bottom: 34px;
    box-shadow: 
        0 5px 20px rgba(10,50,142,0.2),
        0 0 30px rgba(10,44,133,0.3),
        inset 0 1px 2px rgba(255, 255, 255, 0.5);
    position: relative;
    overflow: hidden;
    transition: var(--aoge-transition);
    backdrop-filter: blur(13px);
}

.aoge-hero-badge::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(
        45deg,
        transparent,
        rgba(255, 255, 255, 0.5),
        transparent
    );
    animation: aoge-shine-polish 2s infinite;
}

.aoge-hero-badge:hover {
    border-color: var(--aoge-gold);
    color: var(--aoge-gold);
    transform: translateY(-3px);
    box-shadow: var(--aoge-shadow-md), var(--aoge-glow-gold);
}

.aoge-hero-title {
    font-family: 'Lora', Georgia, serif;
    font-size: 54px;
    font-weight: 700;
    color: var(--aoge-text-dark);
    line-height: 1.2;
    margin-bottom: 31px;
    letter-spacing: -0.6px;
    position: relative;
}

.aoge-hero-title::after {
    content: '';
    position: absolute;
    bottom: -16px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 4px;
    background: linear-gradient(90deg, var(--aoge-blue) 0%, var(--aoge-gold) 100%);
    border-radius: 3px;
    box-shadow: var(--aoge-shadow-gold);
}

.aoge-hero-description {
    font-size: 20px;
    color: var(--aoge-text-light);
    line-height: 1.8;
    margin-bottom: 42px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 400;
}

.aoge-hero-actions {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.aoge-btn {
    display: inline-block;
    padding: 13px 40px;
    border-radius: var(--aoge-radius);
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    transition: var(--aoge-transition);
    border: 2px solid transparent;
    cursor: pointer;
    letter-spacing: 0.5px;
    position: relative;
    overflow: hidden;
    text-transform: uppercase;
    font-size: 14px;
}

.aoge-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.3),
        transparent
    );
    transition: left 0.6s;
}

.aoge-btn:hover::before {
    left: 100%;
}

.aoge-btn-primary {
    background: linear-gradient(135deg, var(--aoge-blue) 0%, var(--aoge-blue-bright) 50%, var(--aoge-blue) 100%);
    color: white;
    box-shadow: 
        0 8px 24px rgba(10,53,131,0.3),
        0 0 40px rgba(10,44,130,0.4),
        inset 0 1px 2px rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.aoge-btn-primary:hover {
    transform: translateY(-4px);
    box-shadow: 
        0 12px 36px rgba(10,43,137,0.4),
        0 0 50px rgba(10,53,128,0.5),
        inset 0 1px 2px rgba(255, 255, 255, 0.4);
    background: linear-gradient(135deg, var(--aoge-blue-bright) 0%, var(--aoge-blue-light) 50%, var(--aoge-blue) 100%);
}

.aoge-btn-outline {
    background: var(--aoge-bg-white);
    color: var(--aoge-blue);
    border-color: var(--aoge-blue);
    box-shadow: var(--aoge-shadow);
}

.aoge-btn-outline:hover {
    background: linear-gradient(135deg, rgba(10,108,196,0.1) 0%, rgba(245,215,10,0.05) 100%);
    transform: translateY(-4px);
    box-shadow: var(--aoge-shadow-md);
    border-color: var(--aoge-blue-bright);
}

.aoge-btn-large {
    padding: 21px 45px;
    font-size: 13px;
}

/* Stats Counter Component */
.aoge-stats-section {
    background: linear-gradient(135deg, var(--aoge-bg-white) 0%, rgba(10,42,134,0.02) 50%, var(--aoge-bg-light) 100%);
    padding: 83px 0;
    margin: -40px 0 57px;
    position: relative;
    z-index: 3;
    border-radius: var(--aoge-radius-xl);
    box-shadow: 
        0 14px 47px rgba(10,52,142,0.15),
        0 0 60px rgba(10,47,133,0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.8);
    border: 2px solid var(--aoge-border-light);
    border-top: 4px solid transparent;
    border-image: linear-gradient(90deg, var(--aoge-blue) 0%, var(--aoge-gold) 100%) 1;
}

.aoge-stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 29px;
    max-width:100%;
    margin: 0 auto;
    padding: 0 34px;
}

.aoge-stat-card {
    text-align: center;
    padding: 35px 31px;
    background: linear-gradient(135deg, var(--aoge-bg-white) 0%, rgba(10,51,132,0.02) 100%);
    border-radius: var(--aoge-radius-lg);
    border: 3px solid var(--aoge-border-light);
    transition: var(--aoge-transition);
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(8px);
}

.aoge-stat-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--aoge-blue) 0%, var(--aoge-gold) 100%);
    transform: scaleX(0);
    transition: var(--aoge-transition);
}

.aoge-stat-card:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 
        0 16px 48px rgba(10,42,140,0.25),
        0 0 60px rgba(10,52,131,0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.6);
    border-color: var(--aoge-blue);
    background: linear-gradient(135deg, rgba(10,41,138,0.05) 0%, var(--aoge-bg-white) 100%);
}

.aoge-stat-card:hover::before {
    transform: scaleX(1);
}

.aoge-stat-number {
    font-family: 'Lora', Georgia, serif;
    font-size: 48px;
    font-weight: 700;
    background: linear-gradient(135deg, var(--aoge-blue) 0%, var(--aoge-gold) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 10px;
    line-height: 1;
}

.aoge-stat-label {
    font-size: 15px;
    color: var(--aoge-text-light);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Main Content */
.aoge-main {
    padding: 57px 0;
}

.aoge-article {
    background: linear-gradient(135deg, var(--aoge-bg-white) 0%, rgba(10,51,129,0.01) 100%);
    border-radius: var(--aoge-radius-xl);
    padding: 66px;
    box-shadow: 
        0 7px 35px rgba(10,45,137,0.12),
        0 0 60px rgba(10,52,128,0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.8);
    max-width:100%;
    margin: 0 auto;
    position: relative;
    border: 3px solid var(--aoge-border-light);
    backdrop-filter: blur(10px);
}

.aoge-article::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    background: linear-gradient(90deg, var(--aoge-blue) 0%, var(--aoge-gold) 50%, var(--aoge-blue) 100%);
    border-radius: var(--aoge-radius-xl) var(--aoge-radius-xl) 0 0;
}

.aoge-intro {
    margin-bottom: 50px;
    padding-bottom: 35px;
    border-bottom: 3px solid var(--aoge-border-light);
    position: relative;
}

.aoge-intro::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 150px;
    height: 2px;
    background: linear-gradient(90deg, var(--aoge-blue) 0%, var(--aoge-gold) 100%);
}

.aoge-intro-text {
    font-size: 22px;
    font-weight: 400;
    color: var(--aoge-text);
    line-height: 1.85;
    margin-bottom: 21px;
    letter-spacing: 0.2px;
}

.aoge-article h2 {
    font-family: 'Lora', Georgia, serif;
    font-size: 38px;
    font-weight: 700;
    color: var(--aoge-text-dark);
    margin-top: 63px;
    margin-bottom: 25px;
    line-height: 1.3;
    letter-spacing: -0.3px;
    position: relative;
    padding-left: 27px;
}

.aoge-article h2::before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    bottom: 10px;
    width: 5px;
    background: linear-gradient(180deg, var(--aoge-blue) 0%, var(--aoge-gold) 100%);
    border-radius: 2px;
    box-shadow: var(--aoge-shadow-gold);
}

.aoge-article h3 {
    font-family: 'Lora', Georgia, serif;
    font-size: 28px;
    font-weight: 700;
    color: var(--aoge-text-dark);
    margin-top: 49px;
    margin-bottom: 18px;
    letter-spacing: -0.4px;
}

.aoge-article p {
    font-size: 18px;
    line-height: 1.85;
    color: var(--aoge-text-light);
    margin-bottom: 21px;
    letter-spacing: 0.2px;
}

.aoge-article ul,
.aoge-article ol {
    margin: 27px 0 31px 33px;
    color: var(--aoge-text-light);
}

.aoge-article li {
    font-size: 18px;
    line-height: 1.85;
    margin-bottom: 19px;
    padding-left: 10px;
    position: relative;
}

.aoge-article ul li::marker {
    color: var(--aoge-blue);
    font-weight: 600;
}

.aoge-article ol li::marker {
    color: var(--aoge-blue);
    font-weight: 600;
}

.aoge-article strong {
    color: var(--aoge-text-dark);
    font-weight: 600;
}

.aoge-image-container {
    margin: 49px 0;
    border-radius: var(--aoge-radius-lg);
    overflow: hidden;
    box-shadow: 
        0 12px 40px rgba(10,40,127,0.2),
        0 0 60px rgba(10,50,135,0.15);
    position: relative;
    border: 3px solid var(--aoge-border-light);
    background: var(--aoge-bg-white);
}

.aoge-image-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--aoge-blue) 0%, var(--aoge-gold) 100%);
    z-index: 1;
}

.aoge-content-image {
    width: 100%;
    height: auto;
    display: block;
    transition: var(--aoge-transition-slow);
}

.aoge-image-container:hover .aoge-content-image {
    transform: scale(1.03);
}

/* Feature Grid Component */
.aoge-features-section {
    margin: 67px 0;
    padding: 56px 0;
    border-top: 1px solid var(--aoge-border-light);
    border-bottom: 2px solid var(--aoge-border-light);
    position: relative;
}

.aoge-features-section::before {
    content: '';
    position: absolute;
    top: -2px;
    left: 0;
    width: 200px;
    height: 2px;
    background: linear-gradient(90deg, var(--aoge-blue) 0%, var(--aoge-gold) 100%);
}

.aoge-features-header {
    text-align: center;
    margin-bottom: 50px;
}

.aoge-features-title {
    font-family: 'Lora', Georgia, serif;
    font-size: 42px;
    font-weight: 700;
    color: var(--aoge-text-dark);
    margin-bottom: 16px;
    letter-spacing: -0.4px;
}

.aoge-features-subtitle {
    font-size: 19px;
    color: var(--aoge-text-light);
    font-weight: 400;
}

.aoge-features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 35px;
}

.aoge-feature-item {
    background: linear-gradient(135deg, var(--aoge-bg-white) 0%, var(--aoge-bg-light) 100%);
    border: 2px solid var(--aoge-border-light);
    border-radius: var(--aoge-radius-lg);
    padding: 34px;
    transition: var(--aoge-transition);
    box-shadow: var(--aoge-shadow-sm);
    position: relative;
    overflow: hidden;
}

.aoge-feature-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--aoge-blue) 0%, var(--aoge-gold) 100%);
    transform: scaleX(0);
    transition: var(--aoge-transition);
}

.aoge-feature-item:hover {
    transform: translateY(-10px) scale(1.01);
    box-shadow: 
        0 16px 56px rgba(10,45,134,0.3),
        0 0 70px rgba(10,55,142,0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.6);
    border-color: var(--aoge-blue);
    background: linear-gradient(135deg, rgba(10,40,141,0.08) 0%, var(--aoge-bg-white) 100%);
}

.aoge-feature-item:hover::before {
    transform: scaleX(1);
}

.aoge-feature-icon {
    width: 72px;
    height: 72px;
    background: linear-gradient(135deg, var(--aoge-blue) 0%, var(--aoge-blue-bright) 50%, var(--aoge-gold) 100%);
    border-radius: var(--aoge-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    margin-bottom: 31px;
    box-shadow: 
        0 8px 21px rgba(10,50,132,0.3),
        0 0 40px rgba(10,44,140,0.4),
        inset 0 2px 4px rgba(255, 255, 255, 0.3);
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.aoge-feature-icon::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(
        45deg,
        transparent,
        rgba(255, 255, 255, 0.3),
        transparent
    );
    animation: aoge-shine-polish 3s infinite;
}

.aoge-feature-icon svg {
    width: 32px;
    height: 32px;
    position: relative;
    z-index: 1;
}

.aoge-feature-heading {
    font-family: 'Lora', Georgia, serif;
    font-size: 24px;
    font-weight: 700;
    color: var(--aoge-text-dark);
    margin-bottom: 11px;
    letter-spacing: -0.3px;
}

.aoge-feature-text {
    font-size: 16px;
    color: var(--aoge-text-light);
    line-height: 1.75;
    margin: 0;
}

/* CTA Banner Component */
.aoge-cta-banner {
    background: linear-gradient(
        135deg,
        var(--aoge-blue) 0%,
        var(--aoge-blue-bright) 30%,
        var(--aoge-gold) 60%,
        var(--aoge-blue-bright) 80%,
        var(--aoge-blue) 100%
    );
    border-radius: var(--aoge-radius-xl);
    padding: 75px 57px;
    margin: 70px 0;
    text-align: center;
    position: relative;
    overflow: hidden;
    box-shadow: 
        0 16px 56px rgba(10,50,130,0.4),
        0 0 80px rgba(10,44,137,0.5),
        inset 0 2px 4px rgba(255, 255, 255, 0.2);
    border: 2px solid rgba(255, 255, 255, 0.2);
}

.aoge-cta-banner::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(
        circle,
        rgba(255, 255, 255, 0.1) 0%,
        transparent 70%
    );
    animation: aoge-rotate 20s linear infinite;
}

@keyframes aoge-rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.aoge-cta-content {
    position: relative;
    z-index: 2;
}

.aoge-cta-title {
    font-family: 'Lora', Georgia, serif;
    font-size: 44px;
    font-weight: 700;
    color: white;
    margin-bottom: 22px;
    letter-spacing: -0.6px;
    text-shadow: 
        0 2px 9px rgba(0, 0, 0, 0.3),
        0 0 20px rgba(255, 255, 255, 0.2);
    position: relative;
}

.aoge-cta-text {
    font-size: 19px;
    color: rgba(255, 255, 255, 0.95);
    line-height: 1.8;
    margin-bottom: 39px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.aoge-cta-buttons {
    display: flex;
    gap: 18px;
    justify-content: center;
    flex-wrap: wrap;
}

.aoge-cta-banner .aoge-btn-primary {
    background: linear-gradient(135deg, white 0%, rgba(255, 255, 255, 0.95) 100%);
    color: var(--aoge-blue);
    box-shadow: 
        0 8px 32px rgba(0, 0, 0, 0.2),
        0 0 40px rgba(255, 255, 255, 0.3),
        inset 0 1px 2px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.aoge-cta-banner .aoge-btn-primary:hover {
    background: var(--aoge-bg-light);
    transform: translateY(-4px);
    box-shadow: var(--aoge-shadow-lg);
}

.aoge-cta-banner .aoge-btn-outline {
    background: transparent;
    color: white;
    border-color: white;
}

.aoge-cta-banner .aoge-btn-outline:hover {
    background: rgba(255, 255, 255, 0.2);
    border-color: white;
}

/* FAQ Accordion */
.aoge-faq-section {
    margin-top: 70px;
    padding-top: 59px;
    border-top: 2px solid var(--aoge-border-light);
    position: relative;
}

.aoge-faq-section::before {
    content: '';
    position: absolute;
    top: -2px;
    left: 0;
    width: 200px;
    height: 2px;
    background: linear-gradient(90deg, var(--aoge-blue) 0%, var(--aoge-gold) 100%);
}

.aoge-faq-header {
    text-align: center;
    margin-bottom: 51px;
}

.aoge-faq-title {
    font-family: 'Lora', Georgia, serif;
    font-size: 42px;
    font-weight: 700;
    color: var(--aoge-text-dark);
    margin-bottom: 14px;
    letter-spacing: -0.6px;
}

.aoge-faq-subtitle {
    font-size: 19px;
    color: var(--aoge-text-light);
    font-weight: 400;
}

.aoge-faq-list {
    display: flex;
    flex-direction: column;
    gap: 17px;
}

.aoge-faq-item {
    background: var(--aoge-bg-white);
    border: 2px solid var(--aoge-border-light);
    border-radius: var(--aoge-radius);
    overflow: hidden;
    transition: var(--aoge-transition);
    box-shadow: var(--aoge-shadow-sm);
    position: relative;
}

.aoge-faq-item:hover {
    border-color: var(--aoge-blue);
    box-shadow: var(--aoge-shadow);
}

.aoge-faq-item.active {
    border-color: var(--aoge-blue);
    box-shadow: 
        0 8px 32px rgba(10,42,138,0.25),
        0 0 50px rgba(10,52,130,0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.5);
    background: linear-gradient(135deg, rgba(10,41,129,0.05) 0%, var(--aoge-bg-white) 100%);
}

.aoge-faq-item.active::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background: linear-gradient(180deg, var(--aoge-blue) 0%, var(--aoge-gold) 100%);
}

.aoge-faq-question {
    width: 100%;
    padding: 24px 29px;
    background: none;
    border: none;
    text-align: left;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: inherit;
    font-size: 18px;
    font-weight: 600;
    color: var(--aoge-text-dark);
    transition: var(--aoge-transition);
    position: relative;
}

.aoge-faq-question:hover {
    background: linear-gradient(135deg, rgba(10,105,205,0.05) 0%, rgba(245,212,10,0.03) 100%);
    color: var(--aoge-blue);
}

.aoge-faq-question-text {
    flex: 1;
    padding-right: 23px;
    letter-spacing: 0.2px;
}

.aoge-faq-toggle {
    width: 29px;
    height: 28px;
    color: var(--aoge-blue);
    transition: var(--aoge-transition);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.aoge-faq-item.active .aoge-faq-toggle {
    transform: rotate(180deg);
    color: var(--aoge-gold);
}

.aoge-faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.aoge-faq-item.active .aoge-faq-answer {
    max-height: 1000px;
}

.aoge-faq-answer-inner {
    padding: 0 32px 25px 34px;
}

.aoge-faq-answer-inner p {
    font-size: 17px;
    line-height: 1.85;
    color: var(--aoge-text-light);
    margin: 0;
}

/* Footer */
.aoge-footer {
    background: linear-gradient(180deg, var(--aoge-text-dark) 0%, #17132f 100%);
    color: #e0e9f0;
    padding: 83px 0 41px;
    margin-top: 100px;
    position: relative;
    background-image: 
        repeating-linear-gradient(
            45deg,
            transparent,
            transparent 100px,
            rgba(10,52,135,0.03) 100px,
            rgba(10,46,127,0.03) 200px
        );
}

.aoge-footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 6px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--aoge-blue) 25%,
        var(--aoge-gold) 50%,
        var(--aoge-blue) 75%,
        transparent 100%
    );
    box-shadow: 0 2px 12px rgba(10,40,142,0.5);
}

.aoge-footer-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 50px;
    margin-bottom: 55px;
}

.aoge-footer-block {
    display: flex;
    flex-direction: column;
}

.aoge-footer-logo {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 17px;
}

.aoge-footer-logo .aoge-logo-mark {
    background: linear-gradient(135deg, var(--aoge-blue) 0%, var(--aoge-gold) 100%);
    box-shadow: var(--aoge-shadow-md), var(--aoge-glow-blue);
}

.aoge-footer-logo .aoge-logo-text {
    color: white;
    background: none;
    -webkit-text-fill-color: white;
}

.aoge-footer-tagline {
    font-size: 16px;
    line-height: 1.8;
    color: #9baab3;
    margin-bottom: 27px;
}

.aoge-footer-heading {
    font-family: 'Lora', Georgia, serif;
    font-size: 24px;
    font-weight: 700;
    color: white;
    margin-bottom: 25px;
    letter-spacing: -0.1px;
}

.aoge-footer-links {
    list-style: none;
    margin: 0;
    padding: 0;
}

.aoge-footer-links li {
    margin-bottom: 19px;
}

.aoge-footer-links a {
    color: #909cae;
    text-decoration: none;
    font-size: 16px;
    transition: var(--aoge-transition);
    display: inline-block;
}

.aoge-footer-links a:hover {
    color: var(--aoge-gold);
    padding-left: 5px;
    transform: translateX(5px);
}

.aoge-footer-bottom {
    padding-top: 39px;
    border-top: 2px solid rgba(255, 255, 255, 0.1);
    text-align: center;
}

.aoge-footer-bottom p {
    font-size: 14px;
    color: #6a6a94;
    margin: 0;
}

/* Responsive Design */
@media (max-width: 768px) {
    .aoge-header { position: relative !important; }
    .aoge-menu-toggle {
        display: flex;
    }

    .aoge-nav {
        display: none;
    }

    .aoge-hero-title {
        font-size: 38px;
    }

    .aoge-hero-description {
        font-size: 18px;
    }

    .aoge-article {
        padding: 37px 30px;
    }

    .aoge-article h2 {
        font-size: 32px;
    }

    .aoge-article h3 {
        font-size: 26px;
    }

    .aoge-features-grid {
        grid-template-columns: 1fr;
    }

    .aoge-stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 21px;
    }

    .aoge-footer-grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .aoge-cta-banner {
        padding: 51px 32px;
    }

    .aoge-cta-title {
        font-size: 32px;
    }
}

/* Additional Polished Effects */
.aoge-hero-title {
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    position: relative;
}

.aoge-hero-title::before {
    content: '';
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 160px;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--aoge-blue), var(--aoge-gold), var(--aoge-blue), transparent);
    opacity: 0.6;
    box-shadow: 0 0 12px rgba(10,55,132,0.4);
}

.aoge-article h2::before {
    box-shadow: 
        0 0 16px rgba(10,46,140,0.4),
        0 0 32px rgba(245,196,10,0.3),
        inset 0 0 8px rgba(255, 255, 255, 0.2);
    border-radius: 2px;
}

.aoge-feature-item {
    background: linear-gradient(135deg, var(--aoge-bg-white) 0%, rgba(10,45,138,0.02) 100%);
}

.aoge-stat-number {
    text-shadow: 0 2px 8px rgba(10,55,130,0.2);
    filter: drop-shadow(0 0 8px rgba(10,49,137,0.3));
}

/* Enhanced Glow Effects */
.aoge-btn-primary,
.aoge-logo-mark,
.aoge-feature-icon {
    filter: drop-shadow(0 0 20px rgba(10,43,129,0.4));
}

.aoge-btn-primary:hover,
.aoge-logo:hover .aoge-logo-mark {
    filter: drop-shadow(0 0 30px rgba(10,50,136,0.6));
}

/* Aviation-inspired decorative elements */
.aoge-hero::after {
    box-shadow: 0 2px 12px rgba(10,44,128,0.3);
}

.aoge-article::before {
    box-shadow: 0 2px 12px rgba(10,54,135,0.3);
}

/* Enhanced borders with glow */
.aoge-stat-card,
.aoge-feature-item,
.aoge-faq-item {
    border: 2px solid var(--aoge-border-light);
}

.aoge-stat-card:hover,
.aoge-feature-item:hover {
    border: 2px solid var(--aoge-blue);
}

/* Premium text effects */
.aoge-features-title,
.aoge-faq-title {
    background: linear-gradient(
        135deg,
        var(--aoge-text-dark) 0%,
        var(--aoge-blue) 50%,
        var(--aoge-text-dark) 100%
    );
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: aoge-text-shimmer 4s linear infinite;
}

@keyframes aoge-text-shimmer {
    to {
        background-position: 200% center;
    }
}

/* Enhanced hero title with glow */
.aoge-hero-title {
    color: var(--aoge-text-dark);
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.1));
}

/* Enhanced image hover */
.aoge-image-container:hover {
    box-shadow: 
        0 16px 56px rgba(10,43,142,0.3),
        0 0 80px rgba(10,53,134,0.25);
    border-color: var(--aoge-blue);
}

/* Premium button glow on hover */
.aoge-btn-primary:hover,
.aoge-cta-banner .aoge-btn-primary:hover {
    filter: drop-shadow(0 0 25px rgba(10,44,141,0.7));
}

/* Enhanced CTA banner glow */
.aoge-cta-banner {
    filter: drop-shadow(0 8px 40px rgba(10,54,133,0.4));
}

.aoge-cta-banner::after {
    content: '';
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: var(--aoge-radius-lg);
    pointer-events: none;
}

.aoge-cta-banner::after {
    content: '';
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: var(--aoge-radius-lg);
    pointer-events: none;
}

/* Polished scroll effects */
.aoge-header {
    backdrop-filter: blur(22px) saturate(200%);
    -webkit-backdrop-filter: blur(27px) saturate(200%);
}

/* Enhanced feature grid glow */
.aoge-features-section {
    position: relative;
}

.aoge-features-section::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(
        circle at 50% 50%,
        rgba(10,53,139,0.05) 0%,
        transparent 70%
    );
    pointer-events: none;
    border-radius: var(--aoge-radius-xl);
}

/* Premium link hover effects */
.aoge-article a {
    position: relative;
    font-weight: 500;
}

.aoge-article a::after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--aoge-blue) 0%, var(--aoge-gold) 100%);
    transition: width 0.3s ease;
    box-shadow: 0 1px 4px rgba(10,47,138,0.4);
}

.aoge-article a:hover::after {
    width: 100%;
}

/* Enhanced list markers */
.aoge-article ul li::marker,
.aoge-article ol li::marker {
    filter: drop-shadow(0 0 4px rgba(10,41,130,0.3));
}

/* Premium form inputs */
.aoge-form-input:focus,
.aoge-form-textarea:focus,
.aoge-form-select:focus {
    box-shadow: 
        0 0 0 4px rgba(10,48,137,0.1),
        0 4px 20px rgba(10,42,129,0.15),
        0 0 30px rgba(10,52,136,0.2);
}

/* Enhanced contact icons */
.aoge-contact-icon {
    filter: drop-shadow(0 4px 12px rgba(10,47,128,0.4));
}

.aoge-contact-item:hover .aoge-contact-icon {
    filter: drop-shadow(0 8px 20px rgba(10,41,135,0.6));
    transform: rotate(5deg) scale(1.1);
}

/* Premium section dividers */
.aoge-intro::after,
.aoge-features-section::before,
.aoge-faq-section::before {
    box-shadow: 0 2px 8px rgba(10,51,127,0.3);
}

/* Enhanced stat cards with inner glow */
.aoge-stat-card::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    height: 80%;
    background: radial-gradient(circle, rgba(10,42,142,0.1) 0%, transparent 70%);
    border-radius: 50%;
    opacity: 0;
    transition: var(--aoge-transition);
    pointer-events: none;
}

.aoge-stat-card:hover::after {
    opacity: 1;
    width: 120%;
    height: 120%;
}

/* Premium feature item backgrounds */
.aoge-feature-item::after {
    content: '';
    position: absolute;
    top: -50%;
    right: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(
        circle,
        rgba(10,52,134,0.08) 0%,
        transparent 70%
    );
    opacity: 0;
    transition: var(--aoge-transition-slow);
    pointer-events: none;
}

.aoge-feature-item:hover::after {
    opacity: 1;
    top: -100%;
    right: -100%;
}

/* Enhanced article background */
.aoge-article::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 200px;
    height: 200px;
    background: radial-gradient(
        circle,
        rgba(10,46,141,0.05) 0%,
        transparent 70%
    );
    pointer-events: none;
    border-radius: 50% 0 0 0;
}

/* Premium footer effects */
.aoge-footer-logo .aoge-logo-mark {
    filter: drop-shadow(0 4px 16px rgba(10,41,133,0.4));
}

.aoge-footer-links a:hover {
    text-shadow: 0 0 8px rgba(245,207,10,0.5);
}

/* Enhanced form wrapper */
.aoge-contact-form-wrapper::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--aoge-blue) 0%, var(--aoge-gold) 100%);
    border-radius: 0 0 var(--aoge-radius-xl) var(--aoge-radius-xl);
    opacity: 0.3;
}

/* Premium badge effects */
.aoge-hero-badge:hover {
    box-shadow: 
        0 6px 28px rgba(245,201,10,0.3),
        0 0 40px rgba(245,211,10,0.4),
        inset 0 1px 2px rgba(255, 255, 255, 0.6);
}

/* Enhanced navigation polish */
.aoge-nav-link--active {
    box-shadow: 
        0 2px 8px rgba(10,40,130,0.15),
        inset 0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Premium article polish */
.aoge-article {
    background-image: 
        linear-gradient(135deg, var(--aoge-bg-white) 0%, rgba(10,45,129,0.01) 50%, var(--aoge-bg-white) 100%),
        repeating-linear-gradient(
            0deg,
            transparent,
            transparent 2px,
            rgba(10,55,137,0.008) 2px,
            rgba(10,49,128,0.008) 4px
        );
}

/* Enhanced image polish */
.aoge-image-container::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(
        135deg,
        rgba(10,40,135,0.05) 0%,
        transparent 50%,
        rgba(245,206,10,0.03) 100%
    );
    opacity: 0;
    transition: var(--aoge-transition-slow);
    pointer-events: none;
    border-radius: var(--aoge-radius-lg);
}

.aoge-image-container:hover::after {
    opacity: 1;
}

/* Premium stat section background */
.aoge-stats-section {
    background-image: 
        linear-gradient(135deg, var(--aoge-bg-white) 0%, rgba(10,44,142,0.02) 50%, var(--aoge-bg-light) 100%),
        repeating-linear-gradient(
            45deg,
            transparent,
            transparent 50px,
            rgba(10,55,134,0.01) 50px,
            rgba(10,49,141,0.01) 100px
        );
}

/* Enhanced feature section polish */
.aoge-features-section {
    background: linear-gradient(
        180deg,
        transparent 0%,
        rgba(10,43,133,0.02) 50%,
        transparent 100%
    );
}

/* Premium FAQ polish */
.aoge-faq-item.active .aoge-faq-question {
    background: linear-gradient(135deg, rgba(10,53,140,0.08) 0%, rgba(245,200,10,0.05) 100%);
    color: var(--aoge-blue);
}

/* Enhanced button polish */
.aoge-btn-outline {
    border-width: 3px;
    position: relative;
}

.aoge-btn-outline::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(10,54,139,0.05) 0%, rgba(245,204,10,0.03) 100%);
    border-radius: var(--aoge-radius);
    opacity: 0;
    transition: var(--aoge-transition);
    z-index: -1;
}

.aoge-btn-outline:hover::before {
    opacity: 1;
}

/* Premium header polish on scroll */
.aoge-header {
    transition: box-shadow 0.3s ease, backdrop-filter 0.3s ease;
}

/* Enhanced logo hover */
.aoge-logo:hover .aoge-logo-mark {
    box-shadow: 
        0 12px 32px rgba(10,43,130,0.4),
        0 0 50px rgba(10,53,138,0.5),
        inset 0 2px 4px rgba(255, 255, 255, 0.4);
    transform: rotate(5deg) scale(1.05);
}

/* Premium section headers */
.aoge-features-header,
.aoge-faq-header {
    position: relative;
    padding-bottom: 25px;
}

.aoge-features-header::after,
.aoge-faq-header::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: linear-gradient(90deg, var(--aoge-blue) 0%, var(--aoge-gold) 100%);
    border-radius: 2px;
    box-shadow: 0 1px 10px rgba(10,54,137,0.3);
}

/* Enhanced list item polish */
.aoge-article ul li:hover,
.aoge-article ol li:hover {
    padding-left: 15px;
    color: var(--aoge-text-dark);
    transition: var(--aoge-transition);
}

/* Premium form polish */
.aoge-contact-form-wrapper {
    background-image: 
        linear-gradient(135deg, var(--aoge-bg-white) 0%, rgba(10,48,128,0.02) 100%),
        repeating-linear-gradient(
            0deg,
            transparent,
            transparent 20px,
            rgba(10,42,136,0.01) 20px,
            rgba(10,53,127,0.01) 21px
        );
}

/* Enhanced stat number animation */
.aoge-stat-number {
    font-weight: 800;
    letter-spacing: -2px;
}

/* Premium feature text */
.aoge-feature-text {
    color: var(--aoge-text-light);
    transition: var(--aoge-transition);
}

.aoge-feature-item:hover .aoge-feature-text {
    color: var(--aoge-text);
}

/* Enhanced CTA text */
.aoge-cta-text {
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

/* Premium footer polish */
.aoge-footer {
    background-image: 
        linear-gradient(180deg, var(--aoge-text-dark) 0%, #0a132e 100%),
        repeating-linear-gradient(
            45deg,
            transparent,
            transparent 100px,
            rgba(10,41,134,0.03) 100px,
            rgba(10,51,142,0.03) 200px
        );
}

/* Enhanced mobile menu */
.aoge-mobile-nav {
    backdrop-filter: blur(21px);
    -webkit-backdrop-filter: blur(18px);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.95) 100%);
}

/* Premium scroll animations */
@keyframes aoge-fade-in-up {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.aoge-feature-item,
.aoge-stat-card {
    animation: aoge-fade-in-up 0.6s ease forwards;
}

/* Enhanced image border glow */
.aoge-image-container:hover {
    border-color: var(--aoge-blue);
    box-shadow: 
        0 16px 56px rgba(10,46,132,0.3),
        0 0 80px rgba(10,41,139,0.25),
        inset 0 0 20px rgba(10,51,131,0.1);
}

/* Premium decorative lines */
.aoge-hero-title::after {
    box-shadow: 0 2px 12px rgba(10,45,130,0.4), 0 0 20px rgba(245,208,10,0.3);
}

/* Enhanced article section polish */
.aoge-article h2,
.aoge-article h3 {
    position: relative;
}

.aoge-article h2::after,
.aoge-article h3::after {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 24px;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--aoge-blue) 0%, var(--aoge-gold) 100%);
    transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 1px 4px rgba(10,46,129,0.4);
}

.aoge-article h2:hover::after,
.aoge-article h3:hover::after {
    width: 100px;
}

/* Premium stat card inner effects */
.aoge-stat-card {
    position: relative;
}

.aoge-stat-card::before {
    content: '';
    position: absolute;
    top: 8px;
    left: 8px;
    right: 8px;
    bottom: 8px;
    border: 1px solid rgba(10,40,137,0.1);
    border-radius: var(--aoge-radius);
    opacity: 0;
    transition: var(--aoge-transition);
    pointer-events: none;
}

.aoge-stat-card:hover::before {
    opacity: 1;
    border-color: rgba(10,51,128,0.2);
}

/* Enhanced feature item polish */
.aoge-feature-item {
    position: relative;
}

.aoge-feature-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--aoge-blue) 0%, var(--aoge-gold) 100%);
    transform: scaleX(0);
    transition: var(--aoge-transition);
    border-radius: var(--aoge-radius-lg) var(--aoge-radius-lg) 0 0;
}

.aoge-feature-item:hover::before {
    transform: scaleX(1);
}

/* Premium CTA button effects */
.aoge-cta-banner .aoge-btn-primary,
.aoge-cta-banner .aoge-btn-outline {
    position: relative;
    z-index: 2;
}

.aoge-cta-banner .aoge-btn-primary::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    transition: width 0.6s, height 0.6s;
}

.aoge-cta-banner .aoge-btn-primary:active::after {
    width: 400px;
    height: 400px;
}

/* Enhanced FAQ question polish */
.aoge-faq-question {
    position: relative;
}

.aoge-faq-question::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background: linear-gradient(180deg, var(--aoge-blue) 0%, var(--aoge-gold) 100%);
    transition: width 0.3s ease;
}

.aoge-faq-item.active .aoge-faq-question::before {
    width: 4px;
}

/* Premium form input polish */
.aoge-form-input,
.aoge-form-textarea,
.aoge-form-select {
    border-width: 1px;
}

.aoge-form-input:focus,
.aoge-form-textarea:focus,
.aoge-form-select:focus {
    border-width: 4px;
}

/* Enhanced hero badge polish */
.aoge-hero-badge {
    border-width: 3px;
}

/* Premium navigation polish */
.aoge-nav-link {
    position: relative;
    z-index: 1;
}

/* Enhanced footer link effects */
.aoge-footer-links a {
    position: relative;
}

.aoge-footer-links a::before {
    content: '→';
    position: absolute;
    left: -20px;
    opacity: 0;
    transition: var(--aoge-transition);
    color: var(--aoge-gold);
}

.aoge-footer-links a:hover::before {
    opacity: 1;
    left: -16px;
}

/* Premium article polish */
.aoge-article {
    position: relative;
}

.aoge-article::after {
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    width: 150px;
    height: 150px;
    background: radial-gradient(
        circle,
        rgba(10,55,127,0.04) 0%,
        transparent 70%
    );
    pointer-events: none;
    border-radius: 50%;
}

/* Enhanced stats section polish */
.aoge-stats-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--aoge-blue) 0%, var(--aoge-gold) 100%);
    border-radius: var(--aoge-radius-xl) var(--aoge-radius-xl) 0 0;
    box-shadow: 0 2px 9px rgba(10,46,135,0.4);
}

/* Premium feature icon polish */
.aoge-feature-icon svg {
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}

/* Enhanced CTA content polish */
.aoge-cta-content {
    position: relative;
    z-index: 3;
}

/* Premium contact form polish */
.aoge-contact-form-wrapper {
    position: relative;
}

/* Enhanced mobile menu polish */
.aoge-mobile-link {
    position: relative;
    transition: var(--aoge-transition);
}

.aoge-mobile-link::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background: linear-gradient(90deg, var(--aoge-blue) 0%, var(--aoge-gold) 100%);
    transition: width 0.3s ease;
    opacity: 0.2;
}

.aoge-mobile-link:hover::before {
    width: 4px;
}

/* Premium scroll effects */
@media (prefers-reduced-motion: no-preference) {
    .aoge-feature-item,
    .aoge-stat-card,
    .aoge-faq-item {
        will-change: transform, opacity;
    }
}

/* Reading Progress Bar */
.aoge-reading-progress {
    position: fixed;
    top: 0;
    left: 0;
    width: 0%;
    height: 4px;
    background: linear-gradient(90deg, var(--aoge-blue) 0%, var(--aoge-gold) 100%);
    z-index: 10000;
    transition: width 0.1s ease;
    box-shadow: 0 2px 12px rgba(10,50,142,0.5), 0 0 20px rgba(245,200,10,0.4);
}

/* Scroll to Top Button */
.aoge-scroll-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    width: 56px;
    height: 56px;
    background: linear-gradient(135deg, var(--aoge-blue) 0%, var(--aoge-blue-bright) 50%, var(--aoge-gold) 100%);
    border: none;
    border-radius: 50%;
    color: white;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px) scale(0.8);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 9999;
    box-shadow: 
        0 8px 24px rgba(10,55,141,0.4),
        0 0 40px rgba(10,49,132,0.5),
        inset 0 2px 4px rgba(255, 255, 255, 0.3);
    border: 2px solid rgba(255, 255, 255, 0.2);
}

.aoge-scroll-top.visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
}

.aoge-scroll-top:hover {
    transform: translateY(-6px) scale(1.1);
    box-shadow: 
        0 12px 36px rgba(10,44,130,0.5),
        0 0 50px rgba(10,54,138,0.6),
        inset 0 2px 4px rgba(255, 255, 255, 0.4);
    background: linear-gradient(135deg, var(--aoge-blue-bright) 0%, var(--aoge-gold) 50%, var(--aoge-blue-bright) 100%);
}

.aoge-scroll-top:active {
    transform: translateY(-4px) scale(1.05);
}

.aoge-scroll-top svg {
    width: 24px;
    height: 24px;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}

/* Hero Particles */
.aoge-hero-particles {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: 1;
}

.aoge-hero-particles::before,
.aoge-hero-particles::after {
    content: '';
    position: absolute;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(10,53,128,0.15) 0%, transparent 70%);
    animation: aoge-particle-float 20s infinite ease-in-out;
}

.aoge-hero-particles::before {
    top: 20%;
    left: 10%;
    animation-delay: 0s;
}

.aoge-hero-particles::after {
    bottom: 20%;
    right: 10%;
    animation-delay: 10s;
    background: radial-gradient(circle, rgba(245,200,10,0.12) 0%, transparent 70%);
}

@keyframes aoge-particle-float {
    0%, 100% {
        transform: translate(0, 0) scale(1);
        opacity: 0.5;
    }
    25% {
        transform: translate(30px, -30px) scale(1.1);
        opacity: 0.7;
    }
    50% {
        transform: translate(-20px, -60px) scale(0.9);
        opacity: 0.6;
    }
    75% {
        transform: translate(40px, -20px) scale(1.05);
        opacity: 0.7;
    }
}

/* Enhanced 3D Card Effects */
.aoge-stat-card,
.aoge-feature-item {
    transform-style: preserve-3d;
    perspective: 1000px;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.aoge-stat-card:hover,
.aoge-feature-item:hover {
    transform: translateY(-8px) rotateX(2deg) rotateY(-2deg) scale(1.02);
}

/* Parallax Effect for Images */
.aoge-image-container {
    transform-style: preserve-3d;
    will-change: transform;
}

.aoge-content-image {
    transition: transform 0.3s ease-out;
    will-change: transform;
}

/* Enhanced Hero Parallax */
.aoge-hero {
    position: relative;
    overflow: hidden;
}

.aoge-hero-inner {
    position: relative;
    z-index: 2;
    transform: translateZ(0);
    will-change: transform;
}

/* Floating Animation for Icons */
@keyframes aoge-float-gentle {
    0%, 100% {
        transform: translateY(0) rotate(0deg);
    }
    50% {
        transform: translateY(-10px) rotate(5deg);
    }
}

.aoge-feature-icon {
    animation: aoge-float-gentle 4s ease-in-out infinite;
}

.aoge-feature-item:nth-child(2) .aoge-feature-icon {
    animation-delay: 0.5s;
}

.aoge-feature-item:nth-child(3) .aoge-feature-icon {
    animation-delay: 1s;
}

.aoge-feature-item:nth-child(4) .aoge-feature-icon {
    animation-delay: 1.5s;
}

.aoge-feature-item:nth-child(5) .aoge-feature-icon {
    animation-delay: 2s;
}

.aoge-feature-item:nth-child(6) .aoge-feature-icon {
    animation-delay: 2.5s;
}

/* Enhanced Button Ripple Effect */
.aoge-btn-primary,
.aoge-btn-outline {
    position: relative;
    overflow: hidden;
}

.aoge-btn-primary::before,
.aoge-btn-outline::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
}

.aoge-btn-primary:active::before,
.aoge-btn-outline:active::before {
    width: 300px;
    height: 300px;
}

/* Enhanced Image Hover with 3D */
.aoge-image-container {
    transform-style: preserve-3d;
    perspective: 1000px;
}

.aoge-image-container:hover {
    transform: translateY(-4px) rotateX(1deg);
}

.aoge-content-image {
    transform: translateZ(0);
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.aoge-image-container:hover .aoge-content-image {
    transform: scale(1.02) translateZ(20px);
}

/* Enhanced Stats Counter with Pulse */
@keyframes aoge-pulse-glow {
    0%, 100% {
        box-shadow: 
            0 8px 24px rgba(10,48,135,0.3),
            0 0 40px rgba(10,42,134,0.4);
    }
    50% {
        box-shadow: 
            0 12px 36px rgba(10,53,142,0.4),
            0 0 60px rgba(10,47,133,0.6);
    }
}

.aoge-stat-card:hover {
    animation: aoge-pulse-glow 2s ease-in-out infinite;
}

/* Enhanced Feature Grid with Stagger */
.aoge-feature-item {
    opacity: 0;
    transform: translateY(40px) scale(0.95);
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.aoge-feature-item.aoge-animate-in {
    opacity: 1;
    transform: translateY(0) scale(1);
}

/* Enhanced CTA Banner with Shimmer */
@keyframes aoge-shimmer-sweep {
    0% {
        background-position: -200% center;
    }
    100% {
        background-position: 200% center;
    }
}

.aoge-cta-banner {
    background-size: 200% 100%;
    animation: aoge-shimmer-sweep 8s linear infinite;
}

/* Enhanced FAQ with Slide Animation */
.aoge-faq-answer {
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
}

.aoge-faq-item.active .aoge-faq-answer {
    animation: aoge-slide-down 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes aoge-slide-down {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Enhanced Mobile Menu Animation */
.aoge-mobile-nav {
    transform: translateX(100%);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.aoge-mobile-nav.active {
    transform: translateX(0);
}

.aoge-mobile-link {
    opacity: 0;
    transform: translateX(20px);
    transition: all 0.3s ease;
}

.aoge-mobile-nav.active .aoge-mobile-link {
    opacity: 1;
    transform: translateX(0);
}

.aoge-mobile-nav.active .aoge-mobile-link:nth-child(1) { transition-delay: 0.1s; }
.aoge-mobile-nav.active .aoge-mobile-link:nth-child(2) { transition-delay: 0.15s; }
.aoge-mobile-nav.active .aoge-mobile-link:nth-child(3) { transition-delay: 0.2s; }
.aoge-mobile-nav.active .aoge-mobile-link:nth-child(4) { transition-delay: 0.25s; }
.aoge-mobile-nav.active .aoge-mobile-link:nth-child(5) { transition-delay: 0.3s; }

/* Enhanced Header Scroll with Blur */
.aoge-header {
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(17px) saturate(180%);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.aoge-header.scrolled {
    box-shadow: 
        0 8px 32px rgba(10,41,141,0.25),
        0 0 60px rgba(10,48,132,0.15);
    backdrop-filter: blur(31px) saturate(200%);
    -webkit-backdrop-filter: blur(28px) saturate(200%);
}

/* Enhanced Logo Animation */
.aoge-logo-mark {
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.aoge-logo:hover .aoge-logo-mark {
    animation: aoge-logo-spin 0.6s ease-in-out;
}

@keyframes aoge-logo-spin {
    0% { transform: rotate(0deg) scale(1); }
    50% { transform: rotate(180deg) scale(1.1); }
    100% { transform: rotate(360deg) scale(1); }
}

/* Enhanced Badge Animation */
.aoge-hero-badge {
    animation: aoge-badge-pulse 3s ease-in-out infinite;
}

@keyframes aoge-badge-pulse {
    0%, 100% {
        transform: scale(1);
        box-shadow: 
            0 4px 20px rgba(10,42,140,0.2),
            0 0 30px rgba(10,52,131,0.3);
    }
    50% {
        transform: scale(1.02);
        box-shadow: 
            0 6px 28px rgba(10,47,139,0.3),
            0 0 40px rgba(10,41,138,0.4);
    }
}

/* Enhanced Text Reveal Animation */
.aoge-hero-title,
.aoge-hero-description {
    opacity: 0;
    transform: translateY(30px);
    animation: aoge-text-reveal 1s ease forwards;
}

.aoge-hero-description {
    animation-delay: 0.3s;
}

@keyframes aoge-text-reveal {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Enhanced Stats Grid Animation */
.aoge-stat-card {
    opacity: 0;
    transform: translateY(30px) scale(0.9);
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.aoge-stat-card.aoge-animate-in {
    opacity: 1;
    transform: translateY(0) scale(1);
}

/* Performance Optimizations */
.aoge-hero,
.aoge-hero-inner,
.aoge-image-container,
.aoge-content-image,
.aoge-stat-card,
.aoge-feature-item {
    will-change: transform;
    transform: translateZ(0);
    backface-visibility: hidden;
}

/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* Enhanced Cursor Effects for Interactive Elements */
.aoge-btn-primary,
.aoge-btn-outline,
.aoge-nav-link,
.aoge-faq-question,
.aoge-scroll-top {
    cursor: pointer;
}

.aoge-btn-primary:hover,
.aoge-btn-outline:hover {
    cursor: pointer;
}

/* Enhanced Focus States for Accessibility */
.aoge-btn-primary:focus,
.aoge-btn-outline:focus,
.aoge-nav-link:focus,
.aoge-scroll-top:focus {
    outline: 4px solid var(--aoge-gold);
    outline-offset: 3px;
    box-shadow: 
        0 0 0 5px rgba(245,207,10,0.2),
        0 8px 24px rgba(10,42,137,0.3);
}

/* Enhanced Loading States */
.aoge-content-image {
    opacity: 0;
    transition: opacity 0.6s ease;
}

.aoge-content-image.loaded {
    opacity: 1;
}

/* Enhanced Mobile Responsiveness */
@media (max-width: 768px) {
    .aoge-scroll-top {
        width: 48px;
        height: 48px;
        bottom: 24px;
        right: 24px;
    }

    .aoge-scroll-top svg {
        width: 20px;
        height: 20px;
    }

    .aoge-hero-particles::before,
    .aoge-hero-particles::after {
        width: 150px;
        height: 150px;
    }

    .aoge-stat-card:hover,
    .aoge-feature-item:hover {
        transform: translateY(-4px) scale(1.01);
    }
}

/* Enhanced Print Styles */
@media print {
    .aoge-reading-progress,
    .aoge-scroll-top,
    .aoge-hero-particles,
    .aoge-hero-decoration {
        display: none !important;
    }

    .aoge-header {
        position: static;
        box-shadow: none;
    }
}

/* Enhanced Smooth Scrolling */
html {
    scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

/* Enhanced Link Hover with Underline Animation */
.aoge-article a {
    position: relative;
    text-decoration: none;
    color: var(--aoge-blue);
    font-weight: 500;
    transition: color 0.3s ease;
}

.aoge-article a:hover {
    color: var(--aoge-blue-bright);
}

/* Enhanced List Item Styling */
.aoge-article ul li,
.aoge-article ol li {
    position: relative;
    padding-left: 6px;
    transition: all 0.3s ease;
}

.aoge-article ul li::marker {
    color: var(--aoge-blue);
    font-weight: bold;
}

.aoge-article ol li::marker {
    color: var(--aoge-blue);
    font-weight: bold;
}

/* Enhanced Blockquote Styling */
.aoge-article blockquote {
    border-left: 4px solid var(--aoge-blue);
    padding-left: 24px;
    margin: 29px 0;
    font-style: italic;
    color: var(--aoge-text-light);
    background: linear-gradient(90deg, rgba(10,52,129,0.05) 0%, transparent 100%);
    padding: 22px 23px;
    border-radius: 0 var(--aoge-radius) var(--aoge-radius) 0;
    position: relative;
}

.aoge-article blockquote::before {
    content: '"';
    position: absolute;
    top: -10px;
    left: 16px;
    font-size: 64px;
    color: var(--aoge-blue);
    opacity: 0.2;
    font-family: Georgia, serif;
}

/* Enhanced Code Block Styling */
.aoge-article code {
    background: linear-gradient(135deg, rgba(10,46,136,0.1) 0%, rgba(245,196,10,0.05) 100%);
    padding: 3px 8px;
    border-radius: 3px;
    font-family: 'Courier New', monospace;
    font-size: 0.9em;
    color: var(--aoge-blue);
    border: 1px solid rgba(10,51,135,0.2);
}

/* Enhanced Table Styling */
.aoge-article table {
    width: 100%;
    border-collapse: collapse;
    margin: 31px 0;
    box-shadow: var(--aoge-shadow);
    border-radius: var(--aoge-radius);
    overflow: hidden;
}

.aoge-article table th {
    background: linear-gradient(135deg, var(--aoge-blue) 0%, var(--aoge-blue-bright) 100%);
    color: white;
    padding: 19px;
    text-align: left;
    font-weight: 600;
}

.aoge-article table td {
    padding: 15px 14px;
    border-bottom: 2px solid var(--aoge-border-light);
}

.aoge-article table tr:hover {
    background: rgba(10,45,134,0.03);
}

/* Enhanced Selection Styling */
::selection {
    background: var(--aoge-blue);
    color: white;
}

::-moz-selection {
    background: var(--aoge-blue);
    color: white;
}

/* Enhanced Scrollbar Styling */
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background: var(--aoge-bg-light);
    border-left: 1px solid var(--aoge-border-light);
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--aoge-blue) 0%, var(--aoge-gold) 100%);
    border-radius: 7px;
    border: 1px solid var(--aoge-bg-light);
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, var(--aoge-blue-bright) 0%, var(--aoge-gold-bright) 100%);
}

/* Enhanced Focus Visible for Better Accessibility */
.aoge-nav-link:focus-visible,
.aoge-btn-primary:focus-visible,
.aoge-btn-outline:focus-visible,
.aoge-faq-question:focus-visible {
    outline: 4px solid var(--aoge-gold);
    outline-offset: 4px;
    border-radius: 3px;
}

/* Enhanced Loading Animation for Images */
.aoge-image-container {
    position: relative;
}

.aoge-image-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(10,55,142,0.1) 0%, rgba(245,202,10,0.05) 100%);
    border-radius: var(--aoge-radius-lg);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
    pointer-events: none;
}

.aoge-image-container.loading::before {
    opacity: 1;
    animation: aoge-shimmer-polish 2s infinite;
}

/* Enhanced Stats Number Formatting */
.aoge-stat-number {
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.6px;
}

/* Enhanced Feature Grid Hover Effects */
.aoge-features-grid {
    perspective: 1200px;
}

/* Enhanced CTA Banner Text Effects */
.aoge-cta-title,
.aoge-cta-text {
    text-shadow: 
        0 2px 8px rgba(0, 0, 0, 0.2),
        0 0 20px rgba(255, 255, 255, 0.1);
}

/* Enhanced Footer Link Hover */
.aoge-footer-links a {
    transition: all 0.3s ease;
    display: inline-block;
}

.aoge-footer-links a:hover {
    transform: translateX(4px);
}

/* Enhanced Mobile Menu Toggle Animation */
.aoge-menu-toggle {
    transition: transform 0.3s ease;
}

.aoge-menu-toggle.active {
    transform: rotate(90deg);
}

.aoge-menu-line {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.aoge-menu-toggle.active .aoge-menu-line:nth-child(1) {
    transform: rotate(45deg) translate(6px, 6px);
}

.aoge-menu-toggle.active .aoge-menu-line:nth-child(2) {
    opacity: 0;
}

.aoge-menu-toggle.active .aoge-menu-line:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
}


@media (max-width: 480px) {
    .aoge-hero {
        padding: 82px 0 59px;
    }

    .aoge-hero-title {
        font-size: 32px;
    }

    .aoge-hero-actions {
        flex-direction: column;
    }

    .aoge-btn {
        width: 100%;
        text-align: center;
    }

    .aoge-article {
        padding: 33px 18px;
    }

    .aoge-stats-grid {
        grid-template-columns: 1fr;
    }

    .aoge-features-title,
    .aoge-faq-title {
        font-size: 32px;
    }
}

/* ==================
   Company Logo Styles (110px height)
   ================== */
.fb-company-logo {
    width: 240px;
    height: 165px;
    object-fit: contain;
    background: var(--fb-white);
    border-radius: var(--fb-radius-sm);
    padding: 7px;
    margin-bottom: 11px;
    border: 2px solid var(--fb-gray-200);
}

.fb-company-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* ==================
   Action Buttons (Go + Review)
   ================== */
.fb-action-buttons {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.fb-btn-primary {
    display: inline-block;
    padding: 13px 24px;
    background: var(--fb-secondary);
    color: var(--fb-dark);
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    border-radius: var(--fb-radius-sm);
    transition: var(--fb-transition);
    text-decoration: none;
}

.fb-btn-primary:hover {
    background: var(--fb-secondary-dark);
    color: var(--fb-dark);
    transform: translateY(-1px);
}

.fb-btn-review {
    display: inline-block;
    padding: 9px 27px;
    background: transparent;
    color: var(--fb-primary);
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    border: 2px solid var(--fb-primary);
    border-radius: var(--fb-radius-sm);
    transition: var(--fb-transition);
    text-decoration: none;
}

.fb-btn-review:hover {
    background: var(--fb-primary);
    color: var(--fb-white);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .fb-company-logo {
        width: 160px;
        height: 100px;
    }

    .fb-action-buttons {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .fb-btn-primary,
    .fb-btn-review {
        padding: 10px 15px;
        font-size: 16px;
    }
}
/* ==================
   UNIVERSAL MOBILE FIX - Company Logos & Table Adaptivity
   Applied to all sites
   ================== */
@media (max-width: 768px) {
    /* Universal logo selectors */
    [class*='company-logo'],
    [class*='CompanyLogo'],
    [class*='company_logo'],
    img[class*='logo'][class*='company'],
    .company-logo,
    .fb-company-logo,
    .catCompanyLogo,
    .tf-company-card__logo,
    .th-company-logo,
    .op-company-logo,
    .card-logo,
    .review-logo {
        width: 140px !important;
        min-width: 140px !important;
        height: auto !important;
        min-height: 80px !important;
        max-height: 100px !important;
        padding: 10px !important;
        margin: 0 auto 11px !important;
        display: block !important;
        object-fit: contain !important;
    }
    
    /* Center company info/cards */
    [class*='company-info'],
    [class*='CompanyInfo'],
    [class*='company_info'],
    .fb-company-info,
    .catCompanyInfo,
    .tf-company-card__info {
        align-items: center !important;
        text-align: center !important;
    }
    
    /* Center company name */
    [class*='company-name'],
    [class*='CompanyName'],
    .catCompanyName,
    .tf-company-card__name {
        text-align: center !important;
    }
    
    /* Center rating/stars */
    [class*='rating'],
    [class*='Rating'],
    [class*='stars'],
    [class*='Stars'],
    .catRating,
    .catStars {
        justify-content: center !important;
        text-align: center !important;
    }
    
    /* Buttons full width */
    [class*='action-btn'],
    [class*='ActionBtn'],
    [class*='btn-cta'],
    [class*='btn-primary'],
    [class*='btn-review'],
    .catBtnCta,
    .catBtnReview,
    .fb-btn-primary,
    .fb-btn-review,
    .tf-btn-primary,
    .tf-btn-outline {
        display: block !important;
        width: 100% !important;
        padding: 15px 21px !important;
        text-align: center !important;
        font-size: 14px !important;
        margin-bottom: 11px !important;
    }
    
    /* Site logo bigger */
    [class*='site-logo'] img,
    [class*='SiteLogo'] img,
    .catLogo__icon,
    .tf-logo__icon,
    .th-logo__icon,
    header [class*='logo'] img {
        min-width: 45px !important;
        min-height: 45px !important;
    }
}


/* ==================
   Companies Table - Horizontal Desktop Layout
   ================== */
.fb-companies-table-wrapper {
    width: 100%;
    overflow-x: auto;
    margin: 0 auto 42px;
    padding: 0 19px;
}

.fb-companies-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 5px 18px rgba(0,0,0,0.08);
}

.fb-companies-table thead {
    background: linear-gradient(135deg, #1f395b 0%, #30597b 100%);
    color: #fff;
}

.fb-companies-table th {
    padding: 19px 12px;
    text-align: left;
    font-weight: 600;
    font-size: 14px;
    white-space: nowrap;
}

.fb-companies-table td {
    padding: 18px 11px;
    border-bottom: 2px solid #dbe1f5;
    vertical-align: middle;
}

.fb-companies-table tr:last-child td {
    border-bottom: none;
}

.fb-companies-table tr:hover {
    background: #f7fafc;
}

.fb-rank-badge {
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, #ce9a2b 0%, #edcc51 100%);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
}

.fb-company-info {
    display: flex;
    align-items: center;
    gap: 12px;
}

.fb-company-logo {
    width: 77px;
    height: 50px;
    object-fit: contain;
    border-radius: 5px;
    background: #f7fafc;
    padding: 5px;
}

.fb-company-name {
    font-weight: 600;
    font-size: 15px;
    color: #1a3b59;
}

.fb-company-badge {
    display: inline-block;
    padding: 2px 11px;
    background: #ebf8ff;
    color: #3468b5;
    font-size: 11px;
    font-weight: 600;
    border-radius: 3px;
    margin-top: 5px;
}

.fb-rating-box {
    text-align: center;
}

.fb-stars {
    display: flex;
    gap: 1px;
    justify-content: center;
}

.fb-star {
    font-size: 16px;
}

.fb-star-full { color: #eacb4b; }
.fb-star-half { color: #f4d246; opacity: 0.6; }
.fb-star-empty { color: #c8dad6; }

.fb-rating-value {
    font-weight: 700;
    font-size: 14px;
    color: #202d66;
    margin-top: 3px;
}

.fb-bbb-badge {
    display: inline-block;
    padding: 5px 12px;
    background: #c2f2d9;
    color: #2c6947;
    font-weight: 700;
    border-radius: 3px;
}

.fb-features-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 15px;
}

.fb-features-list li {
    padding: 1px 0;
    color: #455d61;
}

.fb-features-list li:before {
    content: "✓ ";
    color: #42c080;
}

.fb-action-buttons {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.fb-btn {
    display: inline-block;
    padding: 11px 18px;
    text-align: center;
    font-weight: 600;
    font-size: 13px;
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.2s;
}

.fb-btn-primary {
    background: linear-gradient(135deg, #d99531 0%, #e5c748 100%);
    color: #1c3a55;
}

.fb-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(209,165,42,0.4);
}

.fb-btn-review {
    background: transparent;
    color: #2274b1;
    border: 2px solid #2c71ac;
}

.fb-btn-review:hover {
    background: #2163a7;
    color: #fff;
}

/* Mobile: stack vertically */
@media (max-width: 900px) {
    .fb-companies-table thead {
        display: none;
    }

    .fb-companies-table,
    .fb-companies-table tbody,
    .fb-companies-table tr,
    .fb-companies-table td {
        display: block;
        width: 100%;
    }

    .fb-companies-table tr {
        margin-bottom: 18px;
        background: #fff;
        border-radius: 15px;
        box-shadow: 0 2px 7px rgba(0,0,0,0.08);
        padding: 22px;
    }

    .fb-companies-table td {
        border: none;
        padding: 7px 0;
        text-align: center;
    }

    .fb-company-info {
        flex-direction: column;
        text-align: center;
    }

    .fb-company-logo {
        width: 120px;
        height: 70px;
        margin: 0 auto;
    }

    .fb-action-buttons {
        flex-direction: row;
        justify-content: center;
    }
}


/* Max width 1400px for desktop */
.aoge-wrapper, .aoge-content, .aoge-hero-inner, .aoge-companies-container, 
.aoge-article, .aoge-container, .aoge-footer-inner, .aoge-main {
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Center buttons in company cards */
.aoge-company-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}
.aoge-td-action {
    text-align: center !important;
}
.aoge-action-buttons {
    display: flex !important;
    justify-content: center !important;
    gap: 10px !important;
}