@import "https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&display=swap";
:root{--deep-navy:#0a2342;--dull-gold:#c6a77b;--off-white:#f5f5f5;--steel-grey:#9ea3b0}.seo-landing-page{color:#333;min-height:100vh;font-family:Nunito,sans-serif;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}.hero-section{color:#2c3e50;text-align:center;border-bottom:3px solid var(--dull-gold);background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);margin-bottom:0;padding:60px 0}.hero-section h1{margin-bottom:1rem;font-size:3rem;font-weight:700;line-height:1.2}.hero-subtitle{color:#555;max-width:800px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.25rem}.hero-stats{justify-content:center;gap:3rem;margin:3rem 0;display:flex}.stat{text-align:center;flex-direction:column;align-items:center;gap:.9rem;display:flex}.stat strong{color:var(--deep-navy);margin-bottom:0;font-size:2.5rem;font-weight:700;display:block}.stat span{color:#666;margin-top:0;font-size:1rem;display:block}.cta-buttons{flex-wrap:wrap;gap:1rem;margin-top:1rem;display:flex}.cta-button,.cta-button-large{background:var(--deep-navy);color:#fff;text-transform:uppercase;letter-spacing:.5px;box-shadow:none;border-radius:8px;padding:.9rem 1.3rem;font-size:1rem;font-weight:700;line-height:normal;text-decoration:none;transition:background-color .2s,transform .1s;display:inline-block}.cta-button-large{padding:.9rem 1.3rem;font-size:1rem}.cta-button:hover,.cta-button-large:hover{box-shadow:none;color:#fff;background:#2a3b59;text-decoration:none;transform:translateY(-1px)}.content-section{background:#fff;margin-top:0;padding:80px 0}.content-section.alt-bg{background:#fff}.content-section h2{color:#2c3e50;margin:3rem 0 1.5rem;font-size:2.5rem;font-weight:600}.content-section h3{color:#34495e;margin:2rem 0 1rem;font-size:1.5rem;font-weight:600}.content-section p{color:#444;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.7}.subjects-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin:3rem 0;display:grid}.seo-landing-page .subjects-grid.integration-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.seo-landing-page .subjects-grid.revision-grid{max-width:900px;margin:3rem auto;grid-template-columns:repeat(2,minmax(0,1fr))!important}@media (max-width:1024px){.seo-landing-page .subjects-grid.integration-grid{grid-template-columns:1fr!important}}.two-column-grid{grid-template-columns:repeat(2,1fr);gap:2rem;margin:3rem 0;display:grid}@media (max-width:768px){.two-column-grid{grid-template-columns:1fr}}.subject-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:2rem;transition:all .3s}.subject-card:hover{border-color:#667eea;transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.subject-card h3{color:#2c3e50;margin-top:0;font-size:1.25rem}.subject-card p{color:#666;margin-bottom:1rem;font-size:1rem}.subject-card a{color:#667eea;font-weight:600;text-decoration:none;transition:color .3s}.subject-card a:hover{color:#5a6fd8;text-decoration:underline}.features-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:3rem 0;display:grid}.feature{background:#f8f9ff;border:1px solid #e2e8f0;border-radius:10px;padding:1.5rem}.feature h3{color:#2c3e50;margin-top:0;font-size:1.2rem}.feature p{color:#555;margin-bottom:0}.exam-format{background:#f8f9fa;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:2rem 0;padding:2rem;display:grid}.format-detail{text-align:center;padding:1rem}.format-detail strong{color:#2c3e50;margin-bottom:.5rem;font-size:1.1rem;display:block}.cta-section{text-align:center;border:2px solid var(--dull-gold);color:var(--deep-navy);background:#f8f9fa;border-radius:16px;margin:4rem 0;padding:3rem}.cta-section p{color:#666;margin-top:1rem}@media (max-width:768px){.hero-section h1{font-size:2rem}.hero-subtitle{font-size:1.1rem}.hero-stats{flex-direction:column;gap:1.5rem}.content-section h2{font-size:2rem}.subjects-grid{grid-template-columns:1fr}.seo-landing-page .subjects-grid.integration-grid,.seo-landing-page .subjects-grid.revision-grid{grid-template-columns:1fr!important}.features-list,.exam-format{grid-template-columns:1fr}.container{padding:0 15px}}.keyword-rich{color:#2c3e50;font-weight:600}.search-optimized{background:linear-gradient(120deg, var(--deep-navy) 0%, var(--dull-gold) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.faq-section{margin:3rem 0}.faq-item{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.faq-question{color:#2c3e50;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.faq-answer{color:#555;line-height:1.6}.steps-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:2rem 0;display:grid}.step-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000f}.step-number{color:#fff;background:#1a4b8c;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:.75rem;font-size:1rem;font-weight:700;display:inline-flex}.step-card h3{color:#2c3e50;margin:0 0 .5rem;font-size:1.05rem}.step-card p{color:#555;margin:0;font-size:.95rem;line-height:1.6}.feature-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:2rem 0;display:grid}.feature-card{text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000f}.feature-card h3{color:#2c3e50;margin:0 0 .75rem;font-size:1.1rem;font-weight:600}.feature-card ul{text-align:left;margin:0;padding-left:1.2rem}.feature-card ul li{color:#555;text-align:left;font-size:.95rem;line-height:1.7}.steps-grid-4{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin:2rem 0;display:grid}.related-guides{background:#f8f9fa;padding:60px 0}.related-guides h2{color:#2c3e50;margin-bottom:1.5rem;font-size:1.8rem;font-weight:600}.related-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.related-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:block}.related-card:hover{border-color:#1a4b8c;text-decoration:none;box-shadow:0 4px 12px #00000014}.related-card h3{color:#1a4b8c;margin:0 0 .5rem;font-size:1rem;font-weight:600}.related-card p{color:#555;margin:0;font-size:.9rem;line-height:1.5}
