/* Modern Professional Dark Theme with Female-Friendly Colors */* {    margin: 0;    padding: 0;    box-sizing: border-box;}:root {    /* Female-friendly color palette */    --primary-color: #e879f9; /* Bright purple */    --primary-hover: #d946ef;    --secondary-color: #06b6d4; /* Cyan */    --accent-color: #fbbf24; /* Warm yellow */    --accent-pink: #ec4899; /* Hot pink */    --accent-rose: #f43f5e; /* Rose */    --accent-violet: #8b5cf6; /* Violet */        /* Dark theme base colors */    --bg-primary: #0f0f0f;    --bg-secondary: #1a1a1a;    --bg-card: #242424;    --bg-gradient: linear-gradient(135deg, #1a1a1a 0%, #2d1b3d 100%);        /* Text colors */    --text-primary: #ffffff;    --text-secondary: #e5e5e5;    --text-muted: #a1a1aa;    --text-accent: #fbbf24;        /* Border colors */    --border-color: #333333;    --border-accent: #e879f9;        /* Gradients */    --gradient-primary: linear-gradient(135deg, #e879f9 0%, #ec4899 50%, #8b5cf6 100%);    --gradient-secondary: linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);    --gradient-text: linear-gradient(135deg, #e879f9, #ec4899, #fbbf24);    --gradient-card: linear-gradient(135deg, rgba(232, 121, 249, 0.1) 0%, rgba(139, 92, 246, 0.1) 100%);        /* Shadows */    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);    --shadow-md: 0 4px 16px rgba(232, 121, 249, 0.15);    --shadow-lg: 0 10px 40px rgba(232, 121, 249, 0.2);    --shadow-xl: 0 20px 60px rgba(232, 121, 249, 0.25);}/* Typography */body {    font-family: 'Nunito', 'Source Sans Pro', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;    background: var(--bg-primary);    color: var(--text-primary);    line-height: 1.7;    overflow-x: hidden;    font-weight: 400;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}.container {    max-width: 1400px;    margin: 0 auto;    padding: 0 2rem;}/* Background Animation */.bg-animation {    position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    z-index: -2;    background: var(--bg-gradient);}.floating-particles {    position: absolute;    width: 100%;    height: 100%;}.particle {    position: absolute;    border-radius: 50%;    opacity: 0.1;    animation: float 20s infinite ease-in-out;    background: var(--gradient-primary);}.particle:nth-child(1) {    width: 120px;    height: 120px;    top: 10%;    left: 10%;    animation-delay: 0s;}.particle:nth-child(2) {    width: 80px;    height: 80px;    top: 70%;    right: 15%;    animation-delay: 7s;}.particle:nth-child(3) {    width: 160px;    height: 160px;    top: 40%;    left: 70%;    animation-delay: 14s;}.particle:nth-child(4) {    width: 100px;    height: 100px;    bottom: 30%;    left: 30%;    animation-delay: 3s;}.particle:nth-child(5) {    width: 140px;    height: 140px;    top: 20%;    right: 40%;    animation-delay: 10s;}.particle:nth-child(6) {    width: 90px;    height: 90px;    bottom: 10%;    right: 10%;    animation-delay: 5s;}@keyframes float {    0%, 100% {         transform: translateY(0px) rotate(0deg);        opacity: 0.1;    }    50% {         transform: translateY(-30px) rotate(180deg);        opacity: 0.2;    }}/* Header */.header {    position: fixed;    top: 0;    left: 0;    width: 100%;    background: rgba(15, 15, 15, 0.9);    backdrop-filter: blur(20px);    border-bottom: 1px solid var(--border-color);    padding: 1.5rem 0;    z-index: 1000;    transition: all 0.3s ease;}.header .container {    display: flex;    justify-content: space-between;    align-items: center;}.logo {    display: flex;    align-items: center;    gap: 0.75rem;    font-size: 1.5rem;    font-weight: 700;    color: var(--text-primary);    text-decoration: none;}.logo i {    font-size: 2rem;    background: var(--gradient-primary);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-clip: text;}.nav {    display: flex;    gap: 2.5rem;}.nav a {    color: var(--text-secondary);    text-decoration: none;    font-weight: 500;    font-size: 1rem;    transition: all 0.3s ease;    position: relative;}.nav a:hover {    color: var(--primary-color);    transform: translateY(-2px);}.nav a::after {    content: '';    position: absolute;    bottom: -5px;    left: 0;    width: 0;    height: 2px;    background: var(--gradient-primary);    transition: width 0.3s ease;}.nav a:hover::after {    width: 100%;}/* Hero Section */.hero {    min-height: 100vh;    display: flex;    align-items: center;    padding: 8rem 0 4rem;    position: relative;    overflow: hidden;}.hero::before {    content: '';    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: radial-gradient(ellipse at top, rgba(232, 121, 249, 0.15) 0%, transparent 70%);    pointer-events: none;}.hero .container {    display: grid;    grid-template-columns: 1.2fr 1fr;    gap: 4rem;    align-items: center;}.hero-content {    z-index: 2;}.hero-badge {    display: inline-flex;    align-items: center;    gap: 0.5rem;    background: var(--gradient-card);    border: 1px solid var(--border-accent);    border-radius: 50px;    padding: 0.75rem 1.5rem;    font-size: 0.9rem;    font-weight: 600;    color: var(--primary-color);    margin-bottom: 2rem;    backdrop-filter: blur(10px);    animation: pulse 2s infinite;}.hero-badge i {    font-size: 1.1rem;}.hero-title {    font-size: 3.5rem;    font-weight: 800;    line-height: 1.1;    margin-bottom: 1.5rem;    letter-spacing: -0.02em;}.gradient-text {    background: var(--gradient-text);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-clip: text;    animation: gradientShift 3s ease-in-out infinite;}@keyframes gradientShift {    0%, 100% {         background: linear-gradient(135deg, #e879f9, #ec4899, #fbbf24);        -webkit-background-clip: text;        background-clip: text;    }    50% {         background: linear-gradient(135deg, #fbbf24, #e879f9, #8b5cf6);        -webkit-background-clip: text;        background-clip: text;    }}.hero-description {    font-size: 1.15rem;    color: var(--text-secondary);    margin-bottom: 3rem;    line-height: 1.7;}.hero-description strong {    color: var(--primary-color);    font-weight: 700;}/* Countdown Timer */.countdown-container {    margin-bottom: 3rem;}.countdown-title {    font-size: 1.3rem;    font-weight: 700;    color: var(--text-accent);    margin-bottom: 1.5rem;    text-align: center;    animation: pulse 2s infinite;}.countdown {    display: flex;    gap: 1.5rem;    justify-content: center;    margin-bottom: 2rem;}.countdown-item {    background: var(--bg-card);    border: 2px solid var(--border-accent);    border-radius: 1rem;    padding: 1.2rem 0.8rem;    text-align: center;    min-width: 90px;    transition: all 0.3s ease;}.countdown-item:hover {    transform: translateY(-5px);    box-shadow: var(--shadow-lg);    border-color: var(--primary-color);}.countdown-number {    display: block;    font-size: 2.2rem;    font-weight: 800;    background: var(--gradient-primary);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-clip: text;    line-height: 1;    margin-bottom: 0.5rem;}.countdown-label {    font-size: 0.85rem;    color: var(--text-muted);    font-weight: 600;    text-transform: uppercase;    letter-spacing: 0.05em;}/* Buttons */.hero-cta {    display: flex;    gap: 1.5rem;    flex-wrap: wrap;}.btn-primary, .btn-secondary {    display: inline-flex;    align-items: center;    gap: 0.75rem;    padding: 0.9rem 1.8rem;    border-radius: 50px;    font-size: 1rem;    font-weight: 600;    text-decoration: none;    border: none;    cursor: pointer;    transition: all 0.3s ease;    position: relative;    overflow: hidden;}.btn-primary {    background: var(--gradient-primary);    color: white;    box-shadow: var(--shadow-md);}.btn-primary:hover {    transform: translateY(-3px);    box-shadow: var(--shadow-xl);}.btn-primary::before {    content: '';    position: absolute;    top: 0;    left: -100%;    width: 100%;    height: 100%;    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);    transition: left 0.5s;}.btn-primary:hover::before {    left: 100%;}.btn-secondary {    background: var(--bg-card);    color: var(--text-primary);    border: 2px solid var(--border-accent);}.btn-secondary:hover {    background: var(--gradient-card);    border-color: var(--primary-color);    transform: translateY(-3px);    box-shadow: var(--shadow-lg);}/* Hero Visual */.hero-visual {    display: flex;    justify-content: center;    align-items: center;}.video-mockup {    width: 350px;    height: 250px;    background: var(--bg-card);    border: 2px solid var(--border-accent);    border-radius: 2rem;    display: flex;    align-items: center;    justify-content: center;    position: relative;    overflow: hidden;    box-shadow: var(--shadow-xl);}.video-mockup::before {    content: '';    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: var(--gradient-card);    opacity: 0.5;}.mockup-screen {    width: 90%;    height: 80%;    background: var(--bg-primary);    border-radius: 1rem;    display: flex;    align-items: center;    justify-content: center;    position: relative;    z-index: 2;}.ai-animation {    position: relative;}.ai-brain {    font-size: 3rem;    background: var(--gradient-primary);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-clip: text;    animation: pulse 2s infinite;}.ai-nodes {    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);    width: 150px;    height: 150px;}.node {    position: absolute;    width: 15px;    height: 15px;    background: var(--primary-color);    border-radius: 50%;    opacity: 0.7;    animation: orbit 4s linear infinite;}.node:nth-child(1) {    animation-delay: 0s;    animation-duration: 3s;}.node:nth-child(2) {    animation-delay: 1s;    animation-duration: 4s;}@keyframes orbit {    0% { transform: rotate(0deg) translateX(75px) rotate(0deg); }    100% { transform: rotate(360deg) translateX(75px) rotate(-360deg); }}/* Features Section */.features {    padding: 5rem 0;    background: var(--bg-secondary);    position: relative;}.section-header {    text-align: center;    margin-bottom: 3.5rem;}.section-title {    font-size: 2.8rem;    font-weight: 800;    margin-bottom: 1.2rem;    line-height: 1.2;}.section-description {    font-size: 1.15rem;    color: var(--text-secondary);    max-width: 600px;    margin: 0 auto;    line-height: 1.6;}.features-grid {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));    gap: 2rem;}.feature-card {    background: var(--bg-card);    border: 1px solid var(--border-color);    border-radius: 1.2rem;    padding: 2rem;    text-align: center;    transition: all 0.3s ease;    position: relative;    overflow: hidden;}.feature-card::before {    content: '';    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: var(--gradient-card);    opacity: 0;    transition: opacity 0.3s ease;}.feature-card:hover::before {    opacity: 1;}.feature-card:hover {    transform: translateY(-8px);    border-color: var(--primary-color);    box-shadow: var(--shadow-xl);}.feature-card > * {    position: relative;    z-index: 2;}.feature-icon {    width: 70px;    height: 70px;    background: var(--gradient-primary);    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    margin: 0 auto 1.2rem;    font-size: 1.8rem;    color: white;    transition: all 0.3s ease;}.feature-card:hover .feature-icon {    transform: scale(1.1) rotate(360deg);}.feature-card h3 {    font-size: 1.3rem;    font-weight: 700;    margin-bottom: 0.8rem;    color: var(--text-primary);}.feature-card p {    color: var(--text-secondary);    line-height: 1.6;    font-size: 0.95rem;}.feature-card p strong {    color: var(--primary-color);    font-weight: 700;}/* Social Proof Section */.social-proof {    padding: 5rem 0;    background: var(--bg-primary);}.testimonials-grid {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));    gap: 2rem;    margin-bottom: 3.5rem;}.testimonial-card {    background: var(--bg-card);    border: 1px solid var(--border-color);    border-radius: 1.2rem;    padding: 2rem;    transition: all 0.3s ease;}.testimonial-card:hover {    transform: translateY(-5px);    border-color: var(--primary-color);    box-shadow: var(--shadow-lg);}.testimonial-content {    margin-bottom: 1.5rem;}.stars {    color: var(--accent-color);    font-size: 1.3rem;    margin-bottom: 1rem;}.testimonial-content p {    color: var(--text-secondary);    font-style: italic;    line-height: 1.7;    font-size: 1rem;}.testimonial-author {    display: flex;    align-items: center;    gap: 1rem;}.author-avatar {    width: 50px;    height: 50px;    background: var(--gradient-primary);    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    color: white;    font-size: 1.5rem;}.author-info h4 {    color: var(--text-primary);    font-weight: 600;    margin-bottom: 0.25rem;    font-size: 1rem;}.author-info p {    color: var(--text-muted);    font-size: 0.9rem;}.proof-stats {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));    gap: 1.5rem;    text-align: center;}.proof-item {    padding: 2rem;    background: var(--bg-card);    border: 1px solid var(--border-color);    border-radius: 1.2rem;    transition: all 0.3s ease;}.proof-item:hover {    border-color: var(--primary-color);    transform: translateY(-5px);    box-shadow: var(--shadow-lg);}.proof-number {    font-size: 3rem;    font-weight: 800;    background: var(--gradient-text);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-clip: text;    margin-bottom: 0.5rem;    line-height: 1;}.proof-label {    color: var(--text-secondary);    font-weight: 600;    font-size: 1rem;}/* Stats Section */.stats {    padding: 3.5rem 0;    background: var(--bg-secondary);}.stats-grid {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));    gap: 1.5rem;    text-align: center;}.stat-item {    padding: 1.8rem;    background: var(--bg-card);    border: 1px solid var(--border-color);    border-radius: 1rem;    transition: all 0.3s ease;}.stat-item:hover {    border-color: var(--primary-color);    transform: translateY(-3px);    box-shadow: var(--shadow-md);}.stat-number {    font-size: 2.5rem;    font-weight: 800;    background: var(--gradient-primary);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-clip: text;    margin-bottom: 0.5rem;    line-height: 1;}.stat-label {    color: var(--text-secondary);    font-weight: 600;    font-size: 0.95rem;}/* CTA Section */.cta {    padding: 5rem 0;    background: var(--bg-primary);    text-align: center;}.cta-content {    max-width: 700px;    margin: 0 auto;}.cta-content h2 {    font-size: 2.5rem;    font-weight: 800;    margin-bottom: 1.2rem;    line-height: 1.2;}.cta-content p {    font-size: 1.1rem;    color: var(--text-secondary);    margin-bottom: 2.5rem;    line-height: 1.6;}.email-signup {    display: flex;    gap: 1rem;    max-width: 550px;    margin: 0 auto 1.5rem;    background: var(--bg-card);    border: 2px solid var(--border-color);    border-radius: 50px;    padding: 0.5rem;}.email-signup:focus-within {    border-color: var(--primary-color);    box-shadow: var(--shadow-lg);}#emailInput {    flex: 1;    background: transparent;    border: none;    padding: 0.9rem 1.2rem;    color: var(--text-primary);    font-size: 1rem;    outline: none;}#emailInput::placeholder {    color: var(--text-muted);}#subscribeBtn {    background: var(--gradient-primary);    color: white;    border: none;    border-radius: 50px;    padding: 0.9rem 1.5rem;    font-size: 1rem;    font-weight: 600;    cursor: pointer;    transition: all 0.3s ease;    display: flex;    align-items: center;    gap: 0.5rem;}#subscribeBtn:hover {    transform: scale(1.05);    box-shadow: var(--shadow-lg);}.email-note {    color: var(--text-muted);    font-size: 0.9rem;    display: flex;    align-items: center;    justify-content: center;    gap: 0.5rem;}.email-note i {    color: var(--secondary-color);}/* Footer */.footer {    background: var(--bg-secondary);    padding: 3rem 0 1.5rem;    border-top: 1px solid var(--border-color);}.footer-content {    display: grid;    grid-template-columns: 1fr 2fr 1fr;    gap: 2.5rem;    margin-bottom: 1.5rem;}.footer-brand .logo {    margin-bottom: 0.8rem;}.footer-brand p {    color: var(--text-muted);    line-height: 1.6;    font-size: 0.95rem;}.footer-links {    display: flex;    gap: 2.5rem;    justify-content: center;}.footer-section h4 {    color: var(--text-primary);    font-weight: 700;    margin-bottom: 0.8rem;    font-size: 1rem;}.footer-section a {    display: block;    color: var(--text-muted);    text-decoration: none;    margin-bottom: 0.6rem;    transition: color 0.3s ease;    font-size: 0.9rem;}.footer-section a:hover {    color: var(--primary-color);}.footer-social {    display: flex;    gap: 1rem;    justify-content: flex-end;}.footer-social a {    width: 45px;    height: 45px;    background: var(--bg-card);    border: 1px solid var(--border-color);    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-secondary);
    font-size: 1.1rem;
    transition: all 0.3s ease;
}

.footer-social a:hover {
    background: var(--gradient-primary);
    color: white;
    border-color: var(--primary-color);
    transform: translateY(-3px);
}

.footer-bottom {
    text-align: center;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border-color);
    color: var(--text-muted);
    font-size: 0.9rem;
}

/* Animations */
@keyframes pulse {
    0%, 100% { 
        transform: scale(1);
        opacity: 1;
    }
    50% { 
        transform: scale(1.05);
        opacity: 0.9;
    }
}

/* Responsive Design */
@media (max-width: 1024px) {
    .hero .container {
        grid-template-columns: 1fr;
        gap: 3rem;
        text-align: center;
    }
    
    .hero-title {
        font-size: 3rem;
    }
    
    .section-title {
        font-size: 2.3rem;
    }
}

@media (max-width: 768px) {
    .container {
        padding: 0 1.5rem;
    }
    
    .hero {
        padding: 6rem 0 3rem;
    }
    
    .hero-title {
        font-size: 2.5rem;
    }
    
    .hero-description {
        font-size: 1rem;
    }
    
    .countdown {
        gap: 1rem;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .countdown-item {
        min-width: 75px;
        padding: 1rem 0.6rem;
    }
    
    .countdown-number {
        font-size: 1.8rem;
    }
    
    .hero-cta {
        flex-direction: column;
        align-items: center;
    }
    
    .btn-primary, .btn-secondary {
        width: 100%;
        max-width: 300px;
        justify-content: center;
    }
    
    .features-grid, .testimonials-grid {
        grid-template-columns: 1fr;
    }
    
    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .footer-content {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 2rem;
    }
    
    .footer-links {
        flex-direction: column;
        gap: 1.5rem;
    }
    
    .footer-social {
        justify-content: center;
    }
    
    .email-signup {
        flex-direction: column;
        padding: 1rem;
    }
    
    .nav {
        display: none;
    }
    
    .section-title {
        font-size: 2rem;
    }
    
    .cta-content h2 {
        font-size: 2.2rem;
    }
    
    .features {
        padding: 4rem 0;
    }
    
    .social-proof {
        padding: 4rem 0;
    }
}

@media (max-width: 480px) {
    .hero-title {
        font-size: 2rem;
    }
    
    .section-title {
        font-size: 1.7rem;
    }
    
    .countdown-item {
        min-width: 65px;
    }
    
    .countdown-number {
        font-size: 1.5rem;
    }
    
    .stats-grid {
        grid-template-columns: 1fr;
    }
    
    .feature-card, .testimonial-card {
        padding: 1.5rem;
    }
    
    .proof-number, .stat-number {
        font-size: 2.2rem;
    }
    
    .hero-badge {
        font-size: 0.8rem;
        padding: 0.6rem 1.2rem;
    }
}