.subjects-page{color:#0f172a;background:#fff;padding-bottom:80px}.subjects-hero{text-align:center;padding:90px 8% 55px}.subjects-hero .small-heading{color:#64748b;letter-spacing:2px;text-transform:uppercase;margin-bottom:18px;font-weight:700}.subjects-hero h1{margin-bottom:24px;font-size:48px;line-height:1.1}.subjects-hero p{color:#475569;max-width:700px;margin:0 auto;font-size:18px;line-height:1.6}.subjects-page .subjects-container{max-width:760px;margin:0 auto;padding:0 20px}.subjects-page .subject-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:38px;transition:all .3s;box-shadow:0 20px 50px #0f172a14}.subjects-page .subject-card:hover{transform:translateY(-8px);box-shadow:0 28px 60px #2563eb2e}.subjects-page .card-top{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.subjects-page .subject-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#60a5fa);border-radius:22px;justify-content:center;align-items:center;width:70px;height:70px;font-size:36px;font-weight:800;display:flex}.subjects-page .badge{color:#1d4ed8;background:#dbeafe;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:700}.subjects-page .subject-card h2{color:#0f172a;margin-bottom:16px;font-size:34px}.subjects-page .subject-card>p{color:#64748b;margin-bottom:28px;font-size:17px;line-height:1.7}.subjects-page .features{flex-wrap:wrap;gap:12px;margin-bottom:34px;display:flex}.subjects-page .features span{color:#334155;background:#f1f5f9;border-radius:14px;padding:10px 16px;font-weight:600;transition:all .25s}.subjects-page .features span:hover{color:#1d4ed8;background:#dbeafe;transform:translateY(-2px)}.subjects-page .card-footer{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding-top:25px;display:flex}.subjects-page .card-footer strong{color:#0f172a}.subjects-page .card-footer p{color:#64748b;margin-top:4px}.subjects-page .btn{color:#fff;background:#2563eb;border-radius:14px;padding:14px 24px;font-weight:700;text-decoration:none;transition:all .3s}.subjects-page .btn:hover{background:#1d4ed8;transform:scale(1.04)}@media (max-width:768px){.subjects-hero h1{font-size:36px}.subjects-page .subject-card{padding:28px}.subjects-page .card-footer{flex-direction:column;align-items:flex-start;gap:20px}}