.breadcrumb-nav{padding:1rem 0;background:#ffffffe6;border-bottom:1px solid #e2e8f0}.breadcrumb{list-style:none;display:flex;gap:.5rem;margin:0;padding:0;align-items:center}.breadcrumb li:not(:last-child):after{content:">";color:#718096;margin-left:.5rem}.breadcrumb a{color:#00afac;text-decoration:none}.hero-section{background:linear-gradient(135deg,#00afac,#1447bd);color:#fff;padding:60px 0}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}.hero-title{font-size:2.6rem;font-weight:800;margin:10px 0}.hero-subtitle{font-size:1.1rem;opacity:.95}.category-badge{background:#fa0;color:#111;padding:.4rem .8rem;border-radius:999px;font-weight:700;display:inline-block}.article-meta{display:flex;gap:.6rem;align-items:center;margin:12px 0 18px;flex-wrap:wrap;opacity:.95}.hero-media img{width:100%;border-radius:14px;box-shadow:0 10px 30px #00000040}.article-content{padding:50px 0}.container{max-width:1200px;margin:0 auto;padding:0 20px}#background{position:fixed;inset:0;width:100%;height:100%;z-index:-1;filter:blur(100px)}.step-section{margin:60px 0;background:#fff;border-radius:16px;padding:40px;box-shadow:0 12px 40px #0000001f;position:relative;overflow:hidden;border:1px solid #e2e8f0}.step-section:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#00afac,#1447bd)}.step-header{display:flex;align-items:center;gap:20px;margin-bottom:24px}.step-number{background:linear-gradient(135deg,#00afac,#1447bd);color:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;flex-shrink:0}.step-header h2{margin:0;font-size:1.8rem;color:#1a202c;display:flex;align-items:center;gap:12px;font-weight:700}.step-header h2 i{color:#00afac;font-size:1.4rem}.tip-box{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:4px solid #00afac;padding:20px;border-radius:12px;margin:20px 0;display:flex;align-items:flex-start;gap:12px}.tip-box i{color:#fa0;font-size:1.2rem;margin-top:2px}.tip-box p{margin-bottom:0}.strategy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(23%,1fr));gap:1.5rem;margin:3rem 0}.strategy-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:24px;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000014}.strategy-card:hover{border-color:#00afac;transform:translateY(-4px);box-shadow:0 12px 30px #00afac26}.strategy-card i{font-size:2.5rem;color:#00afac;margin-bottom:16px}.strategy-card p{color:#4a5568;line-height:1.6;margin:0;font-size:.95rem}.download-box{background:linear-gradient(135deg,#00afac,#1447bd);color:#fff;padding:20px;border-radius:12px;text-align:center;margin:24px 0;display:flex;align-items:center;justify-content:center;gap:12px}.download-box i{font-size:1.3rem}.download-box p{margin-bottom:0}.process-flow{display:flex;align-items:center;justify-content:center;gap:20px;margin:30px 0;flex-wrap:wrap}.process-step{text-align:center;flex:1;min-width:120px}.strategy-icon{background:linear-gradient(135deg,#00afac,#1447bd);color:#fff;width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:16px;box-shadow:0 4px 15px #00afac4d}.process-step h4{color:#1a202c;margin:8px 0 4px;font-size:1rem}.process-step p{color:#718096;font-size:.9rem;margin:0}.process-arrow{font-size:1.5rem;color:#00afac;font-weight:800}.schedule-tip{background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;padding:20px;margin:24px 0;display:flex;align-items:center;gap:12px}.schedule-tip i{color:#00afac;font-size:1.2rem}.schedule-tip p{margin-bottom:0}.subject-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(23%,1fr));gap:1.5rem;margin:3rem 0}.subject-card{background:#fff;border-radius:16px;padding:28px;box-shadow:0 8px 25px #0000001a;transition:all .3s ease}.subject-card:hover{transform:translateY(-4px)}.subject-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.subject-card.math:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.subject-card.science:before{background:linear-gradient(90deg,#10b981,#059669)}.subject-card.english:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.subject-card.humanities:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.subject-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.subject-card.math .subject-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.subject-card.science .subject-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.subject-card.english .subject-icon{background:linear-gradient(135deg,#fef3c7,#fde68a)}.subject-card.humanities .subject-icon{background:linear-gradient(135deg,#e9d5ff,#ddd6fe)}.subject-icon i{font-size:1.8rem}.subject-card.math .subject-icon i{color:#1d4ed8}.subject-card.science .subject-icon i{color:#059669}.subject-card.english .subject-icon i{color:#d97706}.subject-card.humanities .subject-icon i{color:#7c3aed}.subject-card h3{color:#1a202c;margin:0 0 12px;font-size:1.3rem}.subject-tips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tip-tag{background:#f7fafc;color:#4a5568;padding:4px 12px;border-radius:20px;font-size:.85rem;border:1px solid #e2e8f0}.excellence-note{background:linear-gradient(135deg,#fff7ed,#fed7aa);border:2px solid #fb923c;border-radius:12px;padding:20px;margin:24px 0;display:flex;align-items:center;gap:12px}.excellence-note i{color:#ea580c;font-size:1.2rem}.excellence-note p{margin-bottom:0}.learning-comparison{display:flex;align-items:center;gap:30px;margin:30px 0;justify-content:center;flex-wrap:wrap}.learning-type{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:24px;text-align:center;min-width:200px;flex:1}.learning-type.passive{border-color:#fbbf24}.learning-type.active{border-color:#00afac}.learning-type h3{margin:0 0 16px;display:flex;align-items:center;justify-content:center;gap:8px}.learning-type ul{list-style:none;padding:0;margin:0}.learning-type li{padding:8px 0;color:#4a5568}.learning-arrow{font-size:2rem;color:#00afac;font-weight:800}.spaced-repetition-box{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #10b981;border-radius:12px;padding:24px;margin:24px 0}.spaced-repetition-box i{color:#059669;font-size:1.3rem;margin-right:8px}.spaced-repetition-box h4{color:#065f46;margin:0 0 12px;display:flex;align-items:center}.examiner-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:30px 0}.insight-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.insight-card:hover{border-color:#00afac;transform:translateY(-4px)}.insight-card i{font-size:2rem;margin-bottom:12px}.insight-card:nth-child(1) i{color:#ef4444}.insight-card:nth-child(2) i{color:#fbbf24}.insight-card:nth-child(3) i{color:#00afac}.insight-card h4{color:#1a202c;margin:8px 0}.report-tip{background:#f0f9ff;border-left:4px solid #00afac;padding:16px;border-radius:8px;margin:20px 0;display:flex;align-items:center;gap:12px}.report-tip i{color:#00afac}.report-tip p{margin-bottom:0}.tutopiya-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin:30px 0}.feature-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #00afac;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00afac26}.feature-card i{font-size:2rem;color:#00afac;margin-bottom:12px}.feature-card h4{color:#1a202c;margin:8px 0}.curriculum-note{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:12px;padding:20px;margin:24px 0;display:flex;align-items:center;gap:12px}.curriculum-note i{color:#d97706;font-size:1.2rem}.curriculum-note p{margin-bottom:0}.exam-prep-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin:30px 0}.prep-section{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:24px}.prep-section h4{color:#1a202c;margin:0 0 16px;display:flex;align-items:center;gap:8px;font-size:1.2rem}.prep-section:nth-child(1) h4 i{color:#6366f1}.prep-section:nth-child(2) h4 i{color:#f59e0b}.prep-section ul{margin:0;padding-left:20px}.prep-section li{margin:8px 0;color:#4a5568}.decision-warning{background:linear-gradient(135deg,#fef2f2,#fecaca);border:2px solid #ef4444;border-radius:12px;padding:20px;margin:24px 0;display:flex;align-items:flex-start;gap:12px}.decision-warning i{color:#dc2626;font-size:1.2rem;margin-top:2px}.decision-warning p{margin-bottom:0}.mistake-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin:30px 0}.mistake-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 8px 25px #0000001a;transition:all .3s ease}.mistake-card:hover{transform:translateY(-4px)}.mistake-card.personal{border-top:4px solid #8b5cf6}.mistake-card.general{border-top:4px solid #06b6d4}.mistake-card i{font-size:2rem;margin-bottom:16px}.mistake-card.personal i{color:#8b5cf6}.mistake-card.general i{color:#06b6d4}.mistake-card h4{color:#1a202c;margin:0 0 12px}.tutopiya-solution{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #00afac;border-radius:16px;padding:24px;margin:24px 0}.tutopiya-solution i{color:#00afac;font-size:1.3rem;margin-right:8px}.tutopiya-solution h4{color:#1a202c;margin:0 0 12px;display:flex;align-items:center}.solution-features{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}.solution-item{display:flex;align-items:center;gap:8px;background:#ffffffb3;padding:8px 16px;border-radius:20px}.solution-item i{color:#00afac}.blog-reference{background:#f7fafc;border-left:4px solid #00afac;padding:16px;border-radius:8px;margin:20px 0;display:flex;align-items:center;gap:12px}.blog-reference i{color:#00afac}.blog-reference p{margin-bottom:0}.final-cta-section{background:linear-gradient(135deg,#00afac,#1447bd);color:#fff;border-radius:20px;padding:50px 40px;text-align:center;margin:60px 0}.cta-header h2{margin:0 0 16px;font-size:2.2rem;display:flex;align-items:center;justify-content:center;gap:12px}.cta-header p{font-size:1.1rem;opacity:.95;margin:0 0 40px}.stats-row{display:flex;justify-content:center;gap:60px;margin:40px 0;flex-wrap:wrap}.stat-item{text-align:center}.stat-number{font-size:2.5rem;font-weight:800;color:#fa0}.stat-label{font-size:.9rem;opacity:.9;margin-top:4px}.cta-buttons{display:flex;gap:16px;justify-content:center;margin:40px 0;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:16px 24px;border-radius:12px;text-decoration:none;font-weight:700;transition:all .3s ease}.btn-primary{background:#fff;color:#00afac}.btn-secondary{background:#ffffff26;color:#fff;border:2px solid rgba(255,255,255,.4)}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0003}.guarantee-badge{background:#ffffff26;border:2px solid rgba(255,255,255,.3);border-radius:50px;padding:16px 24px;display:inline-flex;align-items:center;gap:12px;margin-top:24px}.guarantee-badge i{color:#fa0;font-size:1.2rem}.related-articles{background:linear-gradient(135deg,#00afac0d,#1447bd0d);border-radius:16px;padding:24px;margin:32px 0;border:1px solid rgba(0,175,172,.1)}.related-articles h3{color:#00afac;font-size:1.2rem;margin-bottom:16px;display:flex;align-items:center;gap:8px}.article-links{display:flex;flex-direction:column;gap:12px}.article-link{display:flex;align-items:center;gap:12px;padding:16px;background:#fffc;border-radius:12px;text-decoration:none;color:#333;transition:all .3s ease;border:1px solid rgba(0,175,172,.1)}.article-link:hover{background:#00afac1a;transform:translateY(-2px);box-shadow:0 4px 12px #00afac26}.article-link i{color:#00afac;font-size:1.1rem}.article-link span{font-weight:600;color:#333}.inline-link{color:#00afac;text-decoration:none;font-weight:600;border-bottom:1px solid rgba(0,175,172,.3);transition:all .3s ease}.inline-link:hover{color:#1447bd;border-bottom-color:#1447bd}@media (max-width: 900px){.hero-grid{grid-template-columns:1fr}.hero-media{order:-1}.hero-title{font-size:2.2rem}.step-section{padding:24px;margin:40px 0}.step-header{flex-direction:column;text-align:center;gap:16px}.step-number{width:50px;height:50px;font-size:1.3rem}.process-flow{flex-direction:column}.process-arrow{transform:rotate(90deg)}.learning-comparison{flex-direction:column}.learning-arrow{transform:rotate(90deg)}.stats-row{gap:30px}.final-cta-section{padding:30px 20px}}