html { scroll-behavior: smooth; }
    body { background-color: #0A0A0A; color: #F2F2F2; font-family: 'Inter', system-ui, sans-serif; }
    .section-padding { padding: 5rem 1.5rem; }
    @media (min-width: 768px) { .section-padding { padding: 6rem 2rem; } }
    @media (min-width: 1024px) { .section-padding { padding: 7rem 2rem; } }
    .container-max { max-width: 1280px; margin-left: auto; margin-right: auto; }
    .heading-xl { font-weight: 900; letter-spacing: -0.04em; line-height: 1.05; }
    .heading-lg { font-weight: 800; letter-spacing: -0.03em; line-height: 1.1; }
    .heading-md { font-weight: 700; letter-spacing: -0.02em; line-height: 1.2; }
    .text-balance { text-wrap: balance; }
    .card-hover { transition: transform 0.25s ease, background-color 0.25s ease, border-color 0.25s ease; }
    .card-hover:hover { transform: translateY(-4px); }
    .nav-link { position: relative; }
    .nav-link::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 2px; background: #C8FF3D; transition: width 0.25s ease; }
    .nav-link:hover::after { width: 100%; }
    .btn-primary { background: #C8FF3D; color: #0A0A0A; font-weight: 700; transition: background 0.2s ease, transform 0.2s ease; }
    .btn-primary:hover { background: #B8EF2A; transform: translateY(-1px); }
    .btn-secondary { border: 2px solid rgba(242,242,242,0.25); color: #F2F2F2; font-weight: 600; transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease; }
    .btn-secondary:hover { border-color: #C8FF3D; background: rgba(200,255,61,0.06); transform: translateY(-1px); }
    .input-field { background: #1E1E1E; border: 1px solid #2A2A2A; color: #F2F2F2; transition: border-color 0.2s ease, box-shadow 0.2s ease; }
    .input-field:focus { outline: none; border-color: #C8FF3D; box-shadow: 0 0 0 3px rgba(200,255,61,0.15); }
    .input-field::placeholder { color: #6B6B6B; }
    .badge { display: inline-block; background: rgba(200,255,61,0.12); color: #C8FF3D; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; padding: 0.35rem 0.85rem; border-radius: 999px; }
    .testimonial-card { background: #141414; border: 1px solid #2A2A2A; }
    .membership-popular { border: 2px solid #C8FF3D; position: relative; }
    .membership-popular::before { content: 'MOST CHOSEN'; position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: #C8FF3D; color: #0A0A0A; font-size: 0.65rem; font-weight: 800; letter-spacing: 0.1em; padding: 0.3rem 1rem; border-radius: 999px; }
    .faq-item summary { cursor: pointer; list-style: none; }
    .faq-item summary::-webkit-details-marker { display: none; }
    .faq-item summary::after { content: '+'; font-size: 1.5rem; font-weight: 300; color: #C8FF3D; transition: transform 0.2s ease; }
    .faq-item[open] summary::after { content: '−'; transform: rotate(180deg); }
    .sticky-nav { backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); background: rgba(10,10,10,0.85); }
    .mobile-menu { transform: translateX(100%); transition: transform 0.3s ease; }
    .mobile-menu.open { transform: translateX(0); }
    .hero-overlay { background: linear-gradient(135deg, rgba(10,10,10,0.92) 0%, rgba(10,10,10,0.75) 40%, rgba(10,10,10,0.55) 100%); }
    .grid-gallery { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; }
    @media (min-width: 768px) { .grid-gallery { grid-template-columns: 1fr 1fr 1fr; gap: 1rem; } }
    .grid-gallery > div:first-child { grid-row: span 2; }
    .grid-gallery img { object-fit: cover; width: 100%; height: 100%; border-radius: 1rem; }
    .reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.6s ease, transform 0.6s ease; }
    .reveal.visible { opacity: 1; transform: translateY(0); }
    ::selection { background: #C8FF3D; color: #0A0A0A; }
    .scrollbar-hide::-webkit-scrollbar { display: none; }
    .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }