body{font-family:Arial,sans-serif;background-color:#1c1c1c;color:#fff;margin:0;padding:0;overflow-x:hidden}.homepage{display:flex;flex-direction:column;align-items:center;width:100%}.header{width:100%;padding:20px;background-color:#131313;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}.logo{font-size:24px;font-weight:700}.nav{display:flex;align-items:center}.nav-link{margin-right:20px;color:#fff;text-decoration:none}.nav-button{padding:10px 20px;background-color:#3b88c3;color:#fff;text-decoration:none;border-radius:5px}.hero{text-align:center;margin:50px 0;width:100%;padding:0 20px;box-sizing:border-box}.hero h2{font-size:32px;margin-bottom:20px}.enroll-button{padding:15px 30px;background-color:#3b88c3;color:#fff;border:none;border-radius:5px;cursor:pointer}.features{text-align:center;margin:50px 0;width:100%;padding:0 20px;box-sizing:border-box}.features-title{font-size:16px;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;color:#ccc}.features h3{font-size:32px;margin-bottom:40px}.features-grid{display:grid;grid-template-columns:1fr;gap:20px;width:100%}@media (min-width: 768px){.features-grid{grid-template-columns:repeat(2,1fr)}}.feature{padding:20px;background-color:#a9d5dd;border-radius:10px;box-sizing:border-box}.feature h4{font-size:20px;margin-bottom:10px;color:#000}.feature p{font-size:16px;color:#000}.join-section{width:100%;padding:40px 20px;text-align:center;background-color:#1c1c1c;box-sizing:border-box}.join-section h3{font-size:32px;margin:0;color:#fff}.faq{width:100%;background-color:#2a3233;padding:40px 20px;color:#ccc;box-sizing:border-box}.faq-content{display:flex;flex-direction:column;gap:20px;width:100%}@media (min-width: 768px){.faq-content{flex-direction:row;justify-content:space-between}}.faq-questions{width:100%}@media (min-width: 768px){.faq-questions{width:40%}}.faq-questions h4{font-size:24px;margin-bottom:20px}.faq-questions ul{list-style:none;padding:0}.faq-questions li{margin-bottom:10px;font-size:18px}.faq-answers{width:100%}@media (min-width: 768px){.faq-answers{width:55%}}.faq-answers p{font-size:16px;margin-bottom:20px}.footer{width:100%;padding:20px;background-color:#131313;text-align:center;box-sizing:border-box}.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:10px}.footer-nav a{color:#fff;text-decoration:none}.footer p{font-size:24px;font-weight:700}.login-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:#1c1c1c;padding:20px;box-sizing:border-box;margin:0 auto}.login-header{text-align:center;margin:0 0 20px}.login-header a{text-decoration:none;color:#fff}.login-header h1{color:#fff;font-size:2.5em;margin-bottom:0}.login-box{background-color:#2c2f33;padding:40px;border-radius:10px;box-shadow:0 4px 8px #0003;text-align:center;width:100%;max-width:400px;margin:0 auto}.login-box h2{color:#fff;margin-bottom:20px}.login-button{padding:10px 20px;margin-top:20px;background-color:#3b88c3;border:none;border-radius:5px;cursor:pointer;width:100%}.login-box p{color:#fff;margin-top:20px}.login-box a{color:#00acee;text-decoration:none}@media (max-width: 768px){.login-header h1{font-size:2em;margin-bottom:20px}.login-box{padding:30px;max-width:90%}.input-group input{padding:8px}.login-button{padding:10px}}@media (max-width: 480px){.login-header h1{font-size:1.8em;margin-bottom:15px}.login-box{padding:20px}.input-group input{padding:7px}.login-button{padding:8px}}.signup-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:#1c1c1c;padding:20px;box-sizing:border-box}.signup-header{text-align:center;margin-bottom:30px}.signup-header a{text-decoration:none;color:#fff}.signup-header h1{color:#fff;font-size:2.5em;margin:0}.signup-box{background-color:#2c2f33;padding:40px;border-radius:10px;box-shadow:0 4px 8px #0003;text-align:center;width:100%;max-width:400px;margin:0 auto}.signup-box h2{color:#fff;margin-bottom:20px}.input-group{margin-bottom:20px;display:flex;flex-direction:column;align-items:flex-start;width:100%}.input-group label{color:#fff;margin-bottom:5px}.input-group input{padding:10px;border-radius:5px;border:none;width:100%}.signup-button{padding:10px 20px;margin-top:20px;background-color:#3b88c3;border:none;border-radius:5px;cursor:pointer;width:100%}.signup-box p{color:#fff;margin-top:20px}.signup-box a{color:#00acee;text-decoration:none}@media (max-width: 768px){.signup-header h1{font-size:2em;margin-bottom:20px}.signup-box{padding:30px;max-width:90%}.input-group input{padding:8px}.signup-button{padding:10px}}@media (max-width: 480px){.signup-header h1{font-size:1.8em;margin-bottom:15px}.signup-box{padding:20px}.input-group input{padding:7px}.signup-button{padding:8px}}.Profile-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#1c1c1c;color:#fff;font-family:Arial,sans-serif;padding:20px;box-sizing:border-box;text-align:center}.profile-box{background-color:#2c2f33;padding:40px;border-radius:10px;max-width:400px;width:100%;box-shadow:0 4px 8px #0003}.profile-box h1{margin-bottom:20px;font-size:2rem}.view-container p{margin:8px 0}.edit-container input{width:100%;padding:10px;margin:8px 0;border-radius:5px;border:none;background-color:#3a3d41;color:#fff}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}button{background-color:#3b88c3;color:#fff;padding:12px 20px;border:none;border-radius:5px;cursor:pointer;font-size:1rem;transition:opacity .3s ease}button:hover{opacity:.9}.delete-button{background-color:#d32f2f}.error-message{color:#f44;text-align:center;margin-top:10px}@media (max-width: 480px){.profile-box{padding:20px}.profile-box h1{font-size:1.8rem}button{font-size:.9rem;padding:10px}}body{font-family:Arial,sans-serif;background-color:#1c1c1c;color:#fff;margin:0;padding:0}.course-container{display:flex;justify-content:center;padding:40px 20px;box-sizing:border-box}.course-box{background-color:#2a3233;padding:30px;border-radius:10px;max-width:900px;width:100%;box-sizing:border-box;box-shadow:0 0 15px #0006}.course-box h1{font-size:32px;margin-bottom:10px;color:#fff}.course-box p{font-size:16px;line-height:1.6;color:#ccc}.course-content{margin-top:30px}.course-content h3{font-size:24px;margin-bottom:20px;color:#a9d5dd}.course-content strong{color:#fff;font-size:18px;display:block;margin-top:20px}.course-content em{color:#a9d5dd;font-style:italic}.video-container{margin-top:40px;display:flex;justify-content:center}.video-container iframe{width:100%;max-width:100%;height:315px;border-radius:10px;border:none}@media (min-width: 768px){.video-container iframe{width:560px;height:315px}}.error-message{color:#ff6b6b;text-align:center;font-weight:700;padding:20px}.course-header{width:100%;background-color:#1c1c1c;padding:20px 0;text-align:center;position:sticky;top:0;z-index:999}.logo-link{font-size:28px;font-weight:700;color:#a9d5dd;text-decoration:none;transition:color .3s}.logo-link:hover{color:#fff}.top-header{text-align:center;margin-bottom:20px}.site-title{font-size:32px;font-weight:700;cursor:pointer;color:#2c3e50}.discussion-section{margin-top:40px;padding-top:20px;border-top:2px solid #ccc}.comment-list{margin-top:20px}.comment-card{background:#f7f7f7;padding:15px;margin-bottom:10px;border-radius:5px}
