/* Critical CSS - Above the fold styles + animations */

/* Base Keyframe Animations */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(30px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes shimmer {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}

.animate-shimmer {
    animation: shimmer 2s infinite;
}

/* Glass Effect Utilities */
.glass {
    background: rgba(255, 255, 255, 0.05);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

.glass-portal {
    background: rgba(255, 255, 255, 0.98);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

/* Legacy Styles Below (kept for backwards compatibility) */
body{font-family:Arial,Helvetica,sans-serif;background-color:#000;color:#fff;margin:0;padding:0}
.header{background-color:#000;color:#fff;padding:12px 8px;position:relative;z-index:10001}
.header-container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 8px}
.brand-wrap{display:flex;align-items:center;margin-left:clamp(-40px,-6vw,-12px)}
.logo-link{display:flex;align-items:center;text-decoration:none;transition:opacity .2s}
.brand-wrap .icon{width:48px;height:48px;display:block}
.main-nav{display:flex;gap:20px;align-items:center}
.main-nav a{color:#fff;text-decoration:none;font-size:.95rem;padding:6px 8px}
.main-nav .cta{background:#6fbf9c;color:#00221a;padding:8px 14px;border-radius:20px;font-weight:600}
a{color:#fff}

/* Email Capture Banner */
.email-capture-banner{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;padding:14px 20px;position:relative;z-index:9999}
.capture-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.capture-content{display:flex;align-items:center;gap:12px;flex:1;min-width:280px}
.capture-icon{font-size:24px;flex-shrink:0}
.capture-text{font-size:14px;line-height:1.4}
.capture-form{display:flex;gap:8px;min-width:320px}
.capture-form input[type="email"]{flex:1;padding:10px 14px;border:none;border-radius:8px;font-size:14px;outline:none;background:rgba(255,255,255,.95);color:#1f2937}
.capture-btn{background:#1f2937;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease}

/* Hero Section */
.hero{position:relative;overflow:hidden;padding:140px 20px 120px;text-align:center;background:#000}
.hero-content{position:relative;max-width:760px;margin:0 auto}
.hero-title{font-size:clamp(2.6rem,6vw,3.9rem);line-height:1.2;margin:0 0 10px 0}
.highlight{color:#c6fee1}
.hero-subtitle{margin:20px auto 36px;max-width:540px;font-size:1.2rem;color:#e9eceb}
.hero-ctas{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:60px}
.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:16px 34px;border-radius:999px;background:#6fbf9c;color:#00150f;font-weight:600;letter-spacing:.05em;text-decoration:none;border:none;cursor:pointer;font-size:15px;transition:transform .2s ease,box-shadow .2s ease}
.btn-primary.btn-large{padding:18px 40px;font-size:16px}
.btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:999px;border:2px solid rgba(255,255,255,.3);background:transparent;color:#c6fee1;text-decoration:none;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}
.hero-stats{display:flex;gap:40px;justify-content:center;flex-wrap:wrap;margin-top:60px}
.stat{text-align:center}
.stat-number{display:block;font-size:2.5rem;font-weight:700;color:#6fbf9c;margin-bottom:8px}
.stat-label{font-size:.9rem;color:rgba(255,255,255,.7)}