.servicespage{color:#fff;text-align:center;background:#000;width:100%;min-height:100vh;padding:140px 20px 100px}.servicespage h1{margin-bottom:20px;font-size:60px}.servicespage p{color:#bdbdbd;max-width:700px;margin:auto;font-size:18px;line-height:1.8}.coursegrid{grid-template-columns:repeat(4,1fr);gap:30px;max-width:1200px;margin:80px auto 0;display:grid}.coursecard{background:#111;border:1px solid #1a1a1a;border-radius:20px;padding:40px 30px;transition:all .3s}.coursecard:hover{transform:translateY(-10px);box-shadow:0 10px 30px #2563eb33}.coursecard h2{margin-bottom:20px;font-size:28px}.coursecard p{color:#bdbdbd;margin-bottom:30px;font-size:16px;line-height:1.8}.coursecard button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;width:100%;padding:15px;font-size:16px;font-weight:600;transition:all .3s}.coursecard button:hover{background:#1d4ed8;transform:translateY(-3px)}@media (max-width:1100px){.coursegrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.servicespage h1{font-size:42px}.servicespage p{font-size:16px}.coursegrid{grid-template-columns:1fr}}@media (max-width:500px){.servicespage{padding-top:120px}.servicespage h1{font-size:34px}.coursecard{padding:30px 20px}}.enrollModal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.enrollBox{background:#fffffff2;border-radius:24px;width:100%;max-width:500px;padding:35px;animation:.35s popup;position:relative;box-shadow:0 20px 50px #0003,0 0 0 1px #fff3}.enrollBox h2{text-align:center;color:#111827;margin-bottom:10px;font-size:2rem;font-weight:700}.enrollBox h2:after{content:"";background:linear-gradient(90deg,#2563eb,#7c3aed);border-radius:10px;width:70px;height:4px;margin:12px auto 0;display:block}.enrollBox form{flex-direction:column;gap:18px;margin-top:30px;display:flex}.enrollBox input{background:#fff;border:2px solid #e5e7eb;border-radius:14px;outline:none;width:100%;padding:15px 18px;font-size:15px;transition:all .3s}.enrollBox input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.enrollBox input::placeholder{color:#9ca3af}.enrollBox button[type=submit]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:14px;padding:15px;font-size:16px;font-weight:600;transition:all .3s}.enrollBox button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 12px 30px #2563eb4d}.enrollBox button[type=button]{cursor:pointer;color:#374151;background:#f3f4f6;border:none;border-radius:14px;padding:14px;font-size:15px;font-weight:600;transition:all .3s}.enrollBox button[type=button]:hover{background:#e5e7eb}.successMessage{color:#166534;text-align:center;background:#dcfce7;border-radius:12px;margin-top:10px;padding:12px;font-weight:600}.closeIcon{cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;width:40px;height:40px;font-size:20px;transition:all .3s;position:absolute;top:18px;right:18px}.closeIcon:hover{background:#e5e7eb;transform:rotate(90deg)}@keyframes popup{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:600px){.enrollBox{border-radius:20px;padding:25px}.enrollBox h2{font-size:1.6rem}}