html,body{margin:0;padding:0;font-family:Lato,Alata,Khand,sans-serif;font-size:16px;line-height:1.5;color:#21242c}.hero{width:100%;max-width:none;margin:0;height:300px;background:linear-gradient(90deg,#00c6ff,#0072ff);display:flex;align-items:center;justify-content:center}.hero-content{width:100%;padding:0 20px;display:flex;flex-direction:column;align-items:center;text-align:center;color:#000}.hero-content h1{font-family:Alata,sans-serif;font-size:36px;font-weight:600;margin:0}.hero-content p{font-family:Lato,sans-serif;font-size:16px;margin:8px 0 0}.subjects-container{max-width:1200px;margin:0 auto;padding:60px 20px;text-align:center}.subjects-container .section-title{margin-bottom:40px;font-weight:600;font-family:Khand,sans-serif;font-size:32px;color:#21242c}.subjects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;justify-items:center}.subject-item{position:relative;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 6px 20px #00000014;transition:transform .3s ease,box-shadow .3s ease;width:220px;padding:30px 20px;text-align:center;text-decoration:none;color:inherit}.subject-item:before{content:"";position:absolute;top:0;left:50%;width:60px;height:6px;background:linear-gradient(90deg,#00c6ff,#0072ff);transform:translate(-50%);border-radius:0 0 4px 4px}.subject-item h3{position:relative;font-family:Alata,sans-serif;font-weight:600;font-size:20px;margin:12px 0 8px;color:#21242c;z-index:1}.subject-item p{position:relative;font-family:Lato,sans-serif;font-size:14px;color:#6b7f9e;margin:0;z-index:1}.subject-item:hover{transform:translateY(-8px);box-shadow:0 12px 28px #0000001f}