* { box-sizing: border-box; margin: 0; padding: 0;}html { scroll-behavior: smooth;}body { font-family: 'Plus Jakarta Sans', sans-serif; background-color: #030705; color: #d1d5db; line-height: 1.6; -webkit-font-smoothing: antialiased;}.container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 24px;}.main-header { position: sticky; top: 0; background-color: rgba(3, 7, 5, 0.95); backdrop-filter: blur(8px); border-bottom: 1px solid rgba(255, 255, 255, 0.05); z-index: 1000; padding: 16px 0;}.flex-container { display: flex; align-items: center; justify-content: space-between;}.logo-wrap { display: flex; align-items: center;}.logo-svg { height: 28px; width: auto;}.nav-menu { display: flex; align-items: center;}.nav-list { display: flex; list-style: none; gap: 32px;}.nav-list a { color: #9ca3af; text-decoration: none; font-size: 14px; font-weight: 500; transition: color 0.25s;}.nav-list a:hover, .nav-list a.active { color: #00bf72;}.header-cta-group { display: flex; align-items: center; gap: 24px;}.phone-link { color: #ffffff; text-decoration: none; font-size: 14px; font-family: 'Space Grotesk', sans-serif; font-weight: 600;}.btn { display: inline-block; padding: 12px 24px; border-radius: 4px; font-size: 14px; font-weight: 600; text-decoration: none; text-align: center; cursor: pointer; transition: all 0.25s; border: none;}.btn-primary { background-color: #00bf72; color: #030705;}.btn-primary:hover { background-color: #008f54;}.btn-secondary { background-color: rgba(255, 255, 255, 0.05); color: #ffffff; border: 1px solid rgba(255, 255, 255, 0.1);}.btn-secondary:hover { background-color: rgba(255, 255, 255, 0.1);}.btn-primaryheader { display: inline-block; padding: 8px 16px; border-radius: 4px; font-size: 12px; font-weight: 600; text-decoration: none; text-align: center; cursor: pointer; transition: all 0.25s; border: 2px solid #00bf72; background-color: transparent; color: #ffffff;}.btn-primaryheader:hover { background-color: #00bf72; color: #030705;}.btn-block { width: 100%;}.burger-btn { display: none; background: none; border: none; cursor: pointer; flex-direction: column; gap: 4px;}.burger-btn .line { width: 24px; height: 2px; background-color: #ffffff; transition: 0.3s;}.hero { height: auto; min-height: 85vh; display: flex; align-items: center; background-image: linear-gradient(to bottom, rgba(3, 7, 5, 0.8), #030705), url('../graphics/slide.jpg'); background-size: cover; background-position: center; border-bottom: 1px solid rgba(255, 255, 255, 0.05); padding: 80px 0;}.hero-wrap { max-width: 800px; text-align: left; margin: 0;}.hero-sub-meta { font-family: 'Space Grotesk', sans-serif; font-size: 12px; letter-spacing: 0.2em; color: #00bf72; margin-bottom: 16px;}.hero h1 { font-family: 'Space Grotesk', sans-serif; font-size: clamp(48px, 8vw, 84px); font-weight: 700; color: #ffffff; line-height: 1.1; margin-bottom: 24px;}.hero-desc { font-size: clamp(16px, 2.5vw, 20px); color: #9ca3af; max-width: 650px; margin-bottom: 32px;}.hero-bullets { list-style: none; margin-bottom: 32px; display: flex; flex-direction: column; gap: 12px;}.hero-bullets li { display: flex; align-items: center; font-size: 16px; font-weight: 500; color: #e5e7eb;}.hero-bullets li::before { content: ""; display: inline-block; width: 6px; height: 6px; background-color: #00bf72; border-radius: 50%; margin-right: 12px;}.hero-ctas { display: flex; gap: 16px; flex-wrap: wrap;}.stats { padding: 40px 0; background-color: #050a07; border-bottom: 1px solid rgba(255, 255, 255, 0.05);}.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px;}.grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 48px;}.stat-box { padding: 24px; border-left: 1px solid #00bf72;}.stat-box h4 { font-family: 'Space Grotesk', sans-serif; font-size: 36px; color: #ffffff; font-weight: 700;}.stat-box p { font-size: 14px; color: #9ca3af;}.section-label { font-family: 'Space Grotesk', sans-serif; font-size: 11px; letter-spacing: 0.2em; color: #00bf72; text-transform: uppercase; margin-bottom: 12px;}h2 { font-family: 'Space Grotesk', sans-serif; font-size: clamp(32px, 5vw, 44px); color: #ffffff; line-height: 1.2; margin-bottom: 40px;}.key-principles { padding: 100px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.05);}.horizontal-grid { display: flex; flex-direction: column; gap: 24px;}.principle-card { display: flex; gap: 40px; align-items: flex-start; padding: 40px; background-color: #050a07; border: 1px solid rgba(255, 255, 255, 0.03); border-radius: 4px; transition: transform 0.3s;}.principle-card:hover { transform: translateY(-4px); border-color: rgba(0, 191, 114, 0.2);}.card-num { font-family: 'Space Grotesk', sans-serif; font-size: clamp(36px, 5vw, 64px); font-weight: 700; color: rgba(255, 255, 255, 0.08); line-height: 1;}.card-body h3 { font-family: 'Space Grotesk', sans-serif; font-size: 20px; color: #ffffff; margin-bottom: 12px;}.card-body p { color: #9ca3af; font-size: 15px;}.benefits { padding: 100px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.05);}.benefits-intro { display: flex; flex-direction: column; justify-content: center;}.benefits-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px;}.benefit-card { padding: 32px; background-color: #050a07; border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.03);}.benefit-card h4 { font-family: 'Space Grotesk', sans-serif; font-size: 18px; color: #ffffff; margin-bottom: 12px;}.benefit-card p { font-size: 14px; color: #9ca3af;}.cta-strip { padding: 80px 0; background: linear-gradient(45deg, #050a07, #0b1a11); border-bottom: 1px solid rgba(255, 255, 255, 0.05);}.flex-space-between { display: flex; align-items: center; justify-content: space-between; gap: 32px;}.cta-strip h2 { margin-bottom: 12px; font-size: 32px;}.cta-strip p { color: #9ca3af;}.faq { padding: 100px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.05);}.faq-list { max-width: 800px; margin-top: 40px;}.faq-item { border-bottom: 1px solid rgba(255, 255, 255, 0.05); padding: 16px 0;}.faq-question { width: 100%; text-align: left; background: none; border: none; color: #ffffff; font-family: 'Space Grotesk', sans-serif; font-size: 18px; font-weight: 600; padding: 12px 0; cursor: pointer; display: flex; justify-content: space-between; align-items: center;}.faq-question::after { content: "+"; display: inline-block; font-size: 20px; color: #00bf72; transition: transform 0.3s;}.faq-item.active .faq-question::after { transform: rotate(45deg);}.faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.35s ease-out;}.faq-answer p { padding-bottom: 16px; color: #9ca3af; font-size: 15px;}.main-footer { background-color: #020503; border-top: 1px solid rgba(255, 255, 255, 0.05); padding: 80px 0 24px 0;}.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 2fr; gap: 48px; margin-bottom: 60px;}.footer-brand img { height: 28px; margin-bottom: 24px;}.footer-desc { font-size: 14px; color: #9ca3af; margin-top: 16px;}.footer-nav h5, .footer-legal h5, .footer-contact h5 { font-family: 'Space Grotesk', sans-serif; font-size: 14px; text-transform: uppercase; letter-spacing: 0.1em; color: #ffffff; margin-bottom: 24px;}.footer-nav ul, .footer-legal ul { list-style: none; display: flex; flex-direction: column; gap: 12px;}.footer-nav a, .footer-legal a { font-size: 14px; color: #9ca3af; text-decoration: none; transition: color 0.2s;}.footer-nav a:hover, .footer-legal a:hover { color: #00bf72;}.footer-contact p { font-size: 14px; color: #9ca3af; margin-bottom: 12px; line-height: 1.5;}.footer-contact a { color: #ffffff; text-decoration: none; transition: color 0.2s;}.footer-contact a:hover { color: #00bf72;}.footer-bottom { border-top: 1px solid rgba(255, 255, 255, 0.05); padding-top: 24px; display: flex; justify-content: space-between; align-items: center; font-size: 12px; color: #6b7280;}.page-hero { padding: 120px 0 60px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.05);background-color: #050a07;}.lead-text { font-size: 20px; color: #9ca3af; max-width: 750px; margin-top: 16px;}.btn-block-spacing { margin-top: 32px;}.flex-square { display: flex; gap: 48px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); padding: 80px 0;}.about-story { padding: 100px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.05);}.story-image img { width: 100%; height: auto; border-radius: 4px;}.story-content { display: flex; flex-direction: column; justify-content: center;}.story-content h2 { margin-bottom: 16px;}.story-content p { color: #9ca3af; margin-bottom: 16px;}.team { padding: 100px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.05);}.team-card { background-color: #050a07; padding: 24px; border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.03);}.team-photo { width: 100%; height: auto; border-radius: 4px; margin-bottom: 24px; aspect-ratio: 1/1; object-fit: cover;}.team-card h4 { font-family: 'Space Grotesk', sans-serif; font-size: 18px; color: #ffffff; margin-bottom: 4px;}.team-role { font-size: 13px; color: #00bf72; margin-bottom: 16px; font-weight: 600;}.team-card p { font-size: 14px; color: #9ca3af;}.services-detail { padding: 100px 0;}.service-row { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; padding: 60px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.03);}.service-row:last-child { border-bottom: none;}.row-reverse { direction: rtl;}.row-reverse > div { direction: ltr;}.service-info h3 { font-family: 'Space Grotesk', sans-serif; font-size: 28px; color: #ffffff; margin-bottom: 20px;}.service-info p { color: #9ca3af; margin-bottom: 24px;}.service-info ul { list-style: none; display: flex; flex-direction: column; gap: 12px; margin-bottom: 32px;}.service-info ul li { display: flex; align-items: center; color: #e5e7eb; font-size: 15px;}.service-info ul li::before { content: ""; display: inline-block; width: 6px; height: 6px; background-color: #00bf72; border-radius: 50%; margin-right: 12px;}.service-media img { width: 100%; height: auto; border-radius: 4px; aspect-ratio: 4/3; object-fit: cover;}.blog-list { padding: 80px 0;}.blog-card { background-color: #050a07; padding: 24px; border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.03); display: flex; flex-direction: column;}.blog-card-image { width: 100%; height: auto; border-radius: 4px; margin-bottom: 20px; aspect-ratio: 16/10; object-fit: cover;}.blog-card h4 { font-family: 'Space Grotesk', sans-serif; font-size: 18px; color: #ffffff; margin-bottom: 8px; line-height: 1.3;}.blog-meta { font-size: 12px; color: #00bf72; margin-bottom: 16px;}.blog-card p { font-size: 14px; color: #9ca3af; margin-bottom: 20px; flex-grow: 1;}.link-btn { font-size: 13px; color: #ffffff; text-decoration: none; font-weight: 600; display: inline-flex; align-items: center; transition: color 0.2s;}.link-btn:hover { color: #00bf72;}.article-container { max-width: 800px; margin: 0 auto; padding: 120px 24px 80px 24px;}.article-header h1 { font-family: 'Space Grotesk', sans-serif; font-size: clamp(32px, 5vw, 44px); color: #ffffff; line-height: 1.2; margin-bottom: 16px;}.meta-tag { font-family: 'Space Grotesk', sans-serif; font-size: 11px; letter-spacing: 0.1em; color: #00bf72; margin-bottom: 12px;}.author-byline { font-size: 14px; color: #6b7280; margin-bottom: 32px;}.article-featured-img { width: 100%; height: auto; border-radius: 4px; margin-bottom: 40px;}.article-content p { font-size: 17px; color: #d1d5db; margin-bottom: 24px; line-height: 1.7;}.article-content blockquote { border-left: 3px solid #00bf72; padding: 12px 24px; margin: 32px 0; background-color: #050a07; font-style: italic; font-size: 18px; color: #ffffff;}.article-content h3 { font-family: 'Space Grotesk', sans-serif; font-size: 22px; color: #ffffff; margin-top: 40px; margin-bottom: 16px;}.article-content ul { list-style: none; display: flex; flex-direction: column; gap: 12px; margin: 24px 0 32px 0;}.article-content ul li { font-size: 16px; display: flex; align-items: center;}.article-content ul li::before { content: ""; display: inline-block; width: 6px; height: 6px; background-color: #00bf72; border-radius: 50%; margin-right: 12px;}.article-cta { margin-top: 60px; padding: 40px; background-color: #050a07; border-left: 3px solid #00bf72; border-radius: 4px;}.article-cta h3 { font-family: 'Space Grotesk', sans-serif; font-size: 22px; color: #ffffff; margin-bottom: 8px;}.article-cta p { color: #9ca3af; margin-bottom: 24px;}.contact-main-section { padding: 80px 0;}.contact-details-panel { display: flex; flex-direction: column; gap: 32px;}.details-box { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px;}.detail-item h5 { font-family: 'Space Grotesk', sans-serif; font-size: 14px; color: #00bf72; margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.1em;}.detail-item p { color: #e5e7eb; font-size: 15px;}.detail-item a { color: #ffffff; text-decoration: none;}.detail-item a:hover { color: #00bf72;}.iframe-wrapper { border-radius: 4px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.05);}.iframe-wrapper iframe { width: 100%; border: none; display: block;}.contact-form-panel { background-color: #050a07; padding: 48px; border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.03);}.contact-form-panel p { color: #9ca3af; margin-bottom: 32px;}.verification-form { display: flex; flex-direction: column; gap: 24px;}.form-group { display: flex; flex-direction: column; gap: 8px;}.form-group label { font-size: 13px; font-weight: 600; color: #e5e7eb;}.form-group input, .form-group textarea { background-color: #030705; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 4px; padding: 14px; color: #ffffff; font-family: inherit; font-size: 14px; transition: border-color 0.25s;}.form-group input:focus, .form-group textarea:focus { outline: none; border-color: #00bf72;}.form-group textarea { height: 120px; resize: vertical;}.math-challenge-row { display: flex; flex-direction: column; gap: 8px;}.math-challenge-row label { font-size: 13px; color: #e5e7eb; font-weight: 600;}.math-challenge-row input { background-color: #030705; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 4px; padding: 14px; color: #ffffff; font-family: inherit; font-size: 14px;}.form-checkbox { display: flex; gap: 12px; align-items: flex-start;}.form-checkbox input { margin-top: 4px; accent-color: #00bf72;}.form-checkbox label { font-size: 13px; color: #9ca3af;}.form-checkbox a { color: #e5e7eb; text-decoration: underline;}.form-feedback-msg { font-size: 13px; color: #ef4444; font-weight: 500; min-height: 20px;}.legal-container { max-width: 800px; margin: 0 auto; padding: 120px 24px 80px 24px;}.legal-container h1 { font-family: 'Space Grotesk', sans-serif; font-size: 40px; color: #ffffff; margin-bottom: 12px;}.last-updated { font-size: 14px; color: #6b7280; margin-bottom: 40px;}.legal-container h3 { font-family: 'Space Grotesk', sans-serif; font-size: 20px; color: #ffffff; margin-top: 36px; margin-bottom: 16px;}.legal-container p { font-size: 15px; color: #9ca3af; margin-bottom: 20px;}.legal-table { width: 100%; border-collapse: collapse; margin: 24px 0 32px 0; font-size: 14px;}.legal-table th, .legal-table td { border: 1px solid rgba(255, 255, 255, 0.05); padding: 12px 16px; text-align: left;}.legal-table th { background-color: #050a07; color: #ffffff;font-family: 'Space Grotesk', sans-serif;}.legal-table td { color: #9ca3af;}.cookie-banner { position: fixed; bottom: 24px; right: 24px; width: 420px; background-color: #050a07; border: 1px solid rgba(0, 191, 114, 0.3); border-radius: 4px; box-shadow: 0 10px 30px rgba(0,0,0,0.5); z-index: 10000; padding: 24px; transition: opacity 0.3s, transform 0.3s;}.cookie-bannerhidden { display: none; opacity: 0; transform: translateY(20px);}.cookie-banner-content h5 { font-family: 'Space Grotesk', sans-serif; font-size: 16px; color: #ffffff; margin-bottom: 8px;}.cookie-banner-content p { font-size: 13px; color: #9ca3af; margin-bottom: 16px;}.cookie-banner-content p a { color: #00bf72; text-decoration: underline;}.cookie-modes { display: none; flex-direction: column; gap: 10px; margin-bottom: 16px; padding: 12px; background-color: #030705; border-radius: 4px;}.cookie-modes label { font-size: 12px; display: flex; align-items: center; gap: 8px; color: #e5e7eb; cursor: pointer;}.cookie-modes input { accent-color: #00bf72;}.cookie-buttons { display: flex; flex-direction: column; gap: 8px;}.cookie-buttons .btn { width: 100%; padding: 10px; font-size: 12px;}.cookie-buttons .btn-outline { background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.1); color: #ffffff;}.cookie-buttons .btn-outline:hover { background-color: rgba(255, 255, 255, 0.05);}.text-center { text-align: center;}.nav-open .nav-menu { display: flex;}@media (max-width: 991px) { .header-cta-group .phone-link { display: none; } .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; } .service-row { grid-template-columns: 1fr; gap: 40px; } .row-reverse { direction: ltr; } .grid-3 { grid-template-columns: 1fr; }}@media (max-width: 767px) { .burger-btn { display: flex; } .nav-menu { display: none; position: absolute; top: 100%; left: 0; width: 100%; background-color: #030705; border-bottom: 1px solid rgba(255, 255, 255, 0.05); padding: 24px 0; box-shadow: 0 10px 20px rgba(0,0,0,0.5); } .nav-list { flex-direction: column; width: 100%; padding: 0 24px; gap: 16px; } .header-cta-group .btn { display: none; } .nav-open .nav-menu { display: flex; } .grid-2 { grid-template-columns: 1fr; gap: 40px; } .flex-space-between { flex-direction: column; text-align: center; } .footer-grid { grid-template-columns: 1fr; gap: 32px; } .footer-bottom { flex-direction: column; gap: 12px; text-align: center; } .cookie-banner { width: calc(100% - 32px); bottom: 16px; right: 16px; }}