.subject-page{min-height:100vh;background:#fbfcff}.subject-hero{min-height:230px;display:flex;align-items:center;justify-content:space-between}.subject-hero h1{margin:0 0 14px;font-size:38px;font-weight:900;letter-spacing:-1px}.subject-hero h1 span{color:#7025ef}.subject-hero p{color:#5b6780;font-size:15px}.subject-hero-icon{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#eee6ff,#e7f0ff);color:#7025ef;margin-right:80px}.subject-hero-icon svg{width:72px;height:72px;stroke-width:1.5}.subject-panel{background:#fff}.subject-panel .sw-tabs span{border-radius:8px 8px 0 0}.subject-content{padding:28px}.subject-intro h2{font-size:20px;margin:0}.subject-intro p{color:#69758c;margin:7px 0 22px}.subject-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.subject-cards article{border:1px solid #dce5ef;border-radius:10px;padding:24px;background:#fff}.subject-cards article.green{background:linear-gradient(135deg,#f2fff9,#fff);border-color:#ccebdc}.subject-cards article.blue{background:linear-gradient(135deg,#f1f7ff,#fff);border-color:#cee0fa}.subject-cards article.purple{background:linear-gradient(135deg,#f8f3ff,#fff);border-color:#dfd1fa}.subject-cards article.orange{background:linear-gradient(135deg,#fff7ed,#fff);border-color:#fae0c2}.subject-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#e5f8ef;color:#078957}.blue .subject-icon{background:#e7f1ff;color:#1767df}.purple .subject-icon{background:#eee4ff;color:#7127df}.orange .subject-icon{background:#fff0dc;color:#e9770d}.subject-icon svg{width:25px}.subject-cards h2{font-size:17px;margin:17px 0 8px}.subject-cards p{color:#637089;font-size:12px;margin:0 0 20px}.subject-cards a{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;padding:11px;color:#fff!important;background:#07965d;font-weight:700}.subject-cards .blue a{background:#1263df}.subject-cards .purple a{background:#7025e8}.subject-cards .orange a{background:#e97912}.subject-cards a svg{width:16px}@media(max-width:800px){.subject-hero-icon{display:none}.subject-hero{min-height:190px}.subject-hero h1{font-size:30px}.subject-cards{grid-template-columns:1fr}.subject-content{padding:18px}}@media(max-width:480px){.subject-hero h1{font-size:25px}.subject-hero p{line-height:1.7}.subject-cards article{padding:18px}}