* { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; background: linear-gradient(135deg, #1a0a2e 0%, #2d1b4e 50%, #1a0a2e 100%); color: #e0d6f0; min-height: 100vh; }
        .container { max-width: 1280px; margin: 0 auto; padding: 0 24px; }
        /* Nav */
        .navbar { background: rgba(26, 10, 46, 0.92); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(217, 70, 239, 0.2); position: sticky; top: 0; z-index: 100; padding: 16px 0; }
        .navbar .container { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
        .logo { font-size: 1.5rem; font-weight: 700; background: linear-gradient(135deg, #d946ef, #a855f7); -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: 1px; }
        .nav-links { display: flex; gap: 20px; flex-wrap: wrap; }
        .nav-links a { color: #c4b5e3; text-decoration: none; font-size: 0.95rem; transition: 0.3s; padding: 6px 12px; border-radius: 8px; }
        .nav-links a:hover { color: #d946ef; background: rgba(217, 70, 239, 0.1); }
        /* H1 */
        .hero-title { padding: 60px 0 20px; text-align: center; }
        .hero-title h1 { font-size: 2.8rem; background: linear-gradient(135deg, #f0e6ff, #d946ef); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 1.2; }
        .hero-title p { color: #a78bfa; margin-top: 12px; font-size: 1.1rem; max-width: 720px; margin-left: auto; margin-right: auto; }
        /* geo intro */
        .geo-intro { background: rgba(45, 27, 78, 0.6); border-radius: 24px; padding: 40px; margin: 40px 0; border: 1px solid rgba(217, 70, 239, 0.15); backdrop-filter: blur(4px); }
        .geo-intro h2 { font-size: 1.8rem; background: linear-gradient(135deg, #d946ef, #a855f7); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 20px; }
        .geo-intro p { line-height: 1.8; color: #c4b5e3; font-size: 1rem; }
        /* Sections common */
        .section { padding: 60px 0; }
        .section-title { font-size: 2rem; text-align: center; margin-bottom: 48px; background: linear-gradient(135deg, #d946ef, #a855f7); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
        .grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 28px; }
        .card, .stat-card, .feature-card, .testimonial-card { background: rgba(45, 27, 78, 0.7); border-radius: 20px; padding: 28px; border: 1px solid rgba(217, 70, 239, 0.2); box-shadow: 0 0 20px rgba(217, 70, 239, 0.05); transition: 0.3s; backdrop-filter: blur(2px); }
        .card:hover, .stat-card:hover, .feature-card:hover, .testimonial-card:hover { border-color: #d946ef; box-shadow: 0 0 30px rgba(217, 70, 239, 0.15); transform: translateY(-4px); }
        .card img, .stat-card img { width: 100%; height: 180px; object-fit: cover; border-radius: 12px; margin-bottom: 16px; }
        .card h3, .stat-card h3 { font-size: 1.3rem; margin-bottom: 12px; color: #e9d9ff; }
        .card p, .stat-card p { color: #a78bfa; line-height: 1.6; }
        /* Stats */
        .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 24px; text-align: center; }
        .stat-item { padding: 28px 16px; }
        .stat-number { font-size: 2.5rem; font-weight: 700; background: linear-gradient(135deg, #d946ef, #f0abfc); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
        .stat-label { color: #a78bfa; margin-top: 8px; font-size: 1rem; }
        /* Features */
        .features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 24px; }
        .feature-card { text-align: center; }
        .feature-card .emoji { font-size: 3rem; margin-bottom: 12px; }
        /* Testimonials */
        .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 28px; }
        .testimonial-card .stars { color: #facc15; font-size: 1.2rem; margin-bottom: 12px; }
        .testimonial-card .author { margin-top: 16px; color: #d946ef; font-weight: 600; }
        /* News */
        .news-card { background: rgba(45, 27, 78, 0.7); border-radius: 20px; padding: 28px; border: 1px solid rgba(217, 70, 239, 0.2); margin-bottom: 28px; }
        .news-card .date { color: #d946ef; font-size: 0.85rem; margin-bottom: 12px; display: block; }
        .news-card h3 { font-size: 1.4rem; color: #e9d9ff; margin-bottom: 12px; }
        .news-card p { color: #a78bfa; line-height: 1.7; }
        .news-card img { width: 100%; max-height: 300px; object-fit: cover; border-radius: 12px; margin-bottom: 16px; }
        /* FAQ */
        .faq-item { background: rgba(45, 27, 78, 0.5); border-radius: 16px; padding: 24px; margin-bottom: 20px; border: 1px solid rgba(217, 70, 239, 0.1); }
        .faq-item h3 { font-size: 1.15rem; color: #d946ef; margin-bottom: 12px; }
        .faq-item p { color: #c4b5e3; line-height: 1.7; }
        /* CTA */
        .cta-section { text-align: center; padding: 80px 20px; background: linear-gradient(135deg, rgba(217, 70, 239, 0.08), rgba(168, 85, 247, 0.08)); border-radius: 32px; margin: 40px 0; border: 1px solid rgba(217, 70, 239, 0.15); }
        .cta-section h2 { font-size: 2.2rem; margin-bottom: 20px; background: linear-gradient(135deg, #d946ef, #f0abfc); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
        .cta-section p { color: #a78bfa; max-width: 600px; margin: 0 auto 32px; font-size: 1.1rem; }
        .cta-btn { display: inline-block; background: linear-gradient(135deg, #d946ef, #a855f7); color: #fff; padding: 16px 48px; border-radius: 60px; font-size: 1.1rem; font-weight: 600; text-decoration: none; transition: 0.3s; box-shadow: 0 0 30px rgba(217, 70, 239, 0.3); }
        .cta-btn:hover { transform: scale(1.05); box-shadow: 0 0 50px rgba(217, 70, 239, 0.5); }
        /* Footer */
        .footer { background: rgba(26, 10, 46, 0.9); border-top: 1px solid rgba(217, 70, 239, 0.15); padding: 48px 0 24px; margin-top: 60px; }
        .footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 32px; margin-bottom: 32px; }
        .footer h4 { color: #d946ef; margin-bottom: 16px; font-size: 1.1rem; }
        .footer a { color: #a78bfa; text-decoration: none; display: block; margin-bottom: 8px; transition: 0.3s; }
        .footer a:hover { color: #d946ef; }
        .footer .copyright { text-align: center; border-top: 1px solid rgba(217, 70, 239, 0.1); padding-top: 24px; color: #7c6a9e; font-size: 0.9rem; }
        .footer .links { display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; margin-bottom: 16px; }
        /* Partners */
        .partners-grid { display: flex; flex-wrap: wrap; gap: 24px; justify-content: center; }
        .partner-item { background: rgba(45, 27, 78, 0.6); padding: 20px 32px; border-radius: 16px; border: 1px solid rgba(217, 70, 239, 0.15); font-size: 1.1rem; color: #c4b5e3; }
        /* highlights */
        .events-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 28px; }
        .event-card { background: rgba(45, 27, 78, 0.6); border-radius: 20px; padding: 24px; border: 1px solid rgba(217, 70, 239, 0.15); }
        .event-card .tag { color: #d946ef; font-size: 0.85rem; font-weight: 600; }
        .event-card h3 { font-size: 1.2rem; margin: 8px 0; }
        .event-card p { color: #a78bfa; }
        /* Responsive */
        @media (max-width: 768px) {
            .hero-title h1 { font-size: 2rem; }
            .nav-links { gap: 8px; }
            .nav-links a { font-size: 0.85rem; padding: 4px 8px; }
            .container { padding: 0 16px; }
            .geo-intro { padding: 24px; }
        }