.subject-card{background-color:#f0f8ff}.subject-link{margin-top:10px;cursor:pointer}.page-container{min-height:100vh;display:flex;flex-direction:column}.subjects-container{flex:1;padding:40px 20px;background-color:#f0f8ff}.subjects-title{font-size:2.8rem;color:#0047ab;text-align:center;margin-bottom:10px;font-weight:700}.subjects-description{font-size:1.2rem;color:#333;text-align:center;margin-bottom:30px}.subjects-search{width:100%;margin:0 auto 30px;padding:12px;font-size:1rem;border:2px solid #0047ab;border-radius:5px;outline:none;transition:border-color .3s ease}.subjects-search:focus{border-color:#003580}.subjects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.subject-card{background-color:white;padding:20px;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);text-align:center;transition:transform .3s ease,box-shadow .3s ease}.subject-card:hover{transform:translateY(-5px);box-shadow:0 6px 10px rgba(0,0,0,.15)}.subject-card h2{font-size:1.8rem;color:#0047ab;margin-bottom:10px}.subject-card p{font-size:1rem;color:#333;margin-bottom:20px}.subject-link{display:inline-block;padding:10px 20px;font-size:1rem;color:white;background-color:#0047ab;text-decoration:none;border-radius:5px;transition:background-color .3s ease}.subject-link:hover{background-color:#003580}.footer{background-color:#0047ab;color:white;padding:20px;text-align:center;margin-top:auto}