body{font-family:Poppins,sans-serif;background-color:#f8fafc;color:#1e293b}.header{display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:15px 40px;box-shadow:0 4px 10px #00000026;transition:background-color .3s ease-in-out}.header:hover{background-color:#526f9e}.headerLogo{width:140px;transition:transform .3s ease,opacity .3s ease}.headerLogo:hover{transform:scale(1.05);opacity:.9}.header h1{color:#f8fafc;font-size:1.8rem;font-weight:700;letter-spacing:1px;transition:color .3s ease}.nav-links{display:flex;gap:20px}.nav-links a{text-decoration:none;color:#e2e8f0;font-size:1.1rem;font-weight:500;transition:color .3s ease-in-out}.nav-links a:hover{color:#38bdf8;text-decoration:underline}@media (max-width: 768px){.header{flex-direction:column;align-items:center;padding:15px 20px}.nav-links{margin-top:10px;flex-direction:column;align-items:center;gap:15px}.header h1{font-size:1.5rem;text-align:center}}.header{animation:fadeIn .6s ease-in-out}.listItem{list-style:none;background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;padding:15px;display:flex;flex-direction:column;align-items:center;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.listItem:hover{transform:translateY(-5px);box-shadow:0 6px 15px #00000026}.listItem img{width:80px;height:80px;object-fit:contain;margin-bottom:10px}.LinkItems{font-size:1.1rem;font-weight:500;color:#1e293b;text-align:center;transition:color .3s ease-in-out}a{text-decoration:none;display:inline-block}a:hover .LinkItems{color:#38bdf8}.course-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:20px;justify-items:center}@media (max-width: 768px){.course-list{grid-template-columns:repeat(2,1fr)}.listItem{padding:12px}.LinkItems{font-size:1rem}}@media (max-width: 480px){.course-list{grid-template-columns:repeat(1,1fr)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f8fafc;color:#1e293b}.home-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:20px}.spinner{display:flex;justify-content:center;align-items:center;height:300px;font-size:1.5rem;color:#1e293b;animation:fadeIn .5s ease-in-out}.course-list-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1200px;background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 12px #0000001a;text-align:center;animation:fadeInUp .6s ease-in-out;margin-top:2rem}.course-list-container h1{font-size:2rem;color:#1e293b;margin-bottom:20px}.course-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;width:100%;max-width:1200px;padding:0;list-style-type:none}.course-item{background:#fff;padding:15px;border-radius:10px;transition:transform .3s ease,box-shadow .3s ease;text-align:center;cursor:pointer;box-shadow:0 2px 5px #0000001a}.course-item:hover{transform:translateY(-5px);box-shadow:0 4px 10px #0003}.course-item img{width:80px;height:80px;object-fit:contain;margin-bottom:10px}.course-item h3{font-size:1.2rem;color:#1e293b;margin-bottom:5px}.course-item p{font-size:.9rem;color:#475569}.error-container{text-align:center;animation:fadeIn .5s ease-in-out}.error-container img{width:80%;max-width:400px}.error-container h1{font-size:1.5rem;color:#dc2626}.error-container p{font-size:1rem;color:#475569}.retry-button{background-color:#2563eb;color:#fff;border:none;padding:12px 20px;font-size:1rem;border-radius:8px;cursor:pointer;transition:background .3s ease;margin-top:10px}.retry-button:hover{background-color:#1d4ed8}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 992px){.course-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.course-list{grid-template-columns:repeat(2,1fr)}}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}.course-item-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;background-color:#f8fafc;padding:20px}.content{display:flex;flex-direction:column;align-items:center;width:100%;max-width:800px;margin-top:20px;opacity:0;transform:translateY(30px);animation:slideIn .6s ease-out forwards}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.spinner p{font-size:1.2rem;font-weight:700;color:#475569}.course-details{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 15px #0000001a;width:100%;max-width:600px;text-align:center;opacity:0;transform:translateY(30px);animation:slideIn .8s ease-out .2s forwards}.course-image{width:100%;max-width:500px;border-radius:10px;margin-bottom:20px;box-shadow:0 5px 10px #0000001a;opacity:0;transform:translateY(30px);animation:slideIn .9s ease-out .4s forwards}.course-info h1{font-size:1.8rem;color:#1e293b;margin-bottom:10px;opacity:0;transform:translateY(30px);animation:slideIn 1s ease-out .6s forwards}.course-info p{font-size:1rem;color:#475569;line-height:1.5;opacity:0;transform:translateY(30px);animation:slideIn 1.1s ease-out .8s forwards}.error-container{text-align:center;padding:20px}.error-container img{width:250px;margin-bottom:15px}.error-container h1{font-size:1.6rem;color:#b91c1c}.error-container p{font-size:1rem;color:#6b7280}.retry-button{background-color:#2563eb;color:#fff;font-size:1rem;padding:10px 20px;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.retry-button:hover{background-color:#1e40af}@media (max-width: 768px){.course-details{padding:15px}.course-info h1{font-size:1.5rem}.course-info p{font-size:.95rem}.retry-button{font-size:.9rem;padding:8px 16px}}@media (max-width: 480px){.course-details{padding:12px}.course-info h1{font-size:1.3rem}.course-info p{font-size:.9rem}.retry-button{font-size:.85rem;padding:7px 14px}}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}