.header{background:linear-gradient(to right,#00c6ff,#0072ff);color:#fff;padding:12px 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000001a;border-radius:8px}.header nav{display:flex;gap:24px;align-items:center}.nav-link{color:#fff;text-decoration:none;font-weight:500;font-size:1rem;transition:all .2s ease-in-out;position:relative;padding:4px 8px;border-radius:4px}.nav-link:after{content:"";display:block;height:2px;width:0%;background:#fff;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-link:hover:after{width:100%}.nav-link:hover{color:#e0f0ff;background:#ffffff1a}.module-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f9f2ff;margin-bottom:10px;border:1px solid #d6b3ff;border-radius:5px;box-shadow:0 2px 4px #8a2be21a}.module-item h3{font-size:1.2rem;color:indigo}.module-item p{font-size:.9rem;color:#6a5acd}.module-item button{padding:8px 15px;background:#8a2be2;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background .3s ease}.module-item button:hover{background:#6a1bbf}.course-detail{max-width:800px;margin:20px auto;padding:20px}.back-link{display:inline-block;margin-bottom:20px;color:#007bff;text-decoration:none}.course-detail h1{font-size:2rem;margin-bottom:10px}.course-detail p{font-size:1rem;color:#555;margin-bottom:20px}.video-container{margin-bottom:30px}.course-detail h2{font-size:1.5rem;margin-bottom:15px}.module-list{list-style:none}.loading,.error{text-align:center;padding:50px;font-size:1.2rem}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f3e9ff}.login-box{background:#fff;padding:30px;border-radius:10px;box-shadow:0 8px 24px #a64bf426;width:100%;max-width:400px;text-align:center}.login-box h2{font-size:2rem;margin-bottom:20px;color:#6a1b9a}.login-box form{display:flex;flex-direction:column}.login-box input{padding:10px 12px;font-size:1rem;border:1px solid #d1b3ff;border-radius:6px;background-color:#faf5ff;margin-bottom:15px;transition:border-color .3s,box-shadow .3s}.login-box input:focus{border-color:#a64bf4;box-shadow:0 0 5px #a64bf480;outline:none}.login-box button{padding:10px 0;background-color:#a64bf4;color:#fff;font-size:1rem;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s}.login-box button:hover{background-color:#912ae6}.login-box p{margin-top:15px;color:#5c4a72;font-size:.95rem}.login-box a{color:#a64bf4;text-decoration:none;font-weight:400}.login-box a:hover{text-decoration:underline}.mentor-card{padding:20px;background:#fdf7ff;border:1px solid #d9b8f9;border-radius:8px;box-shadow:0 2px 6px #845ec233}.mentor-card h2{font-size:1.5rem;margin-bottom:10px;color:indigo}.mentor-card .skills{font-size:1rem;color:#8a2be2;margin-bottom:10px}.mentor-card p{font-size:.95rem;color:#444;margin-bottom:15px}.mentor-card button{padding:10px 20px;background:#8a2be2;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:500;transition:background .3s ease}.mentor-card button:hover{background:#6a1bbf}.mentor-profiles{max-width:800px;margin:2.5% auto;padding:30px 40px;border-radius:10px;box-shadow:#0000003d 0 3px 8px;background-color:#f3e8ff;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.mentor-profiles h1{font-size:26px;margin-bottom:20px;text-align:center;color:#441472}.back-link{display:inline-block;margin-bottom:20px;color:#671c7c;text-decoration:none;font-weight:600}.mentor-list{display:flex;flex-direction:column;gap:20px}.progress-bar{position:relative;width:100%;background:#f3e6ff;border-radius:5px;height:20px;overflow:hidden}.progress-fill{background:#a64bf4;height:100%;border-radius:5px;transition:width .3s ease-in-out}.progress-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.9rem;color:#fff;text-shadow:0 0 2px rgba(0,0,0,.4)}.dashboard{max-width:800px;margin:2.5% auto;padding:30px 40px}.dashboard h1{font-size:26px;margin-bottom:20px;text-align:center;color:#441472;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.dashboard h2{font-size:22px;margin-bottom:15px;color:#360e41}.course-list{list-style:none;padding:0}.course-item{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#fff;margin-bottom:15px;border:1px solid rgb(54,14,65);border-radius:10px;box-shadow:#00000026 0 3px 6px}.course-details{flex:1;margin-right:20px}.course-item h3{font-size:1.2rem;margin-bottom:10px;color:#441472}.continue-link{padding:10px 20px;background:#360e41;color:#fff;text-decoration:none;border-radius:10px;font-weight:600}.continue-link:hover{background:#671c7c}.course-link{color:#671c7c;text-decoration:underline}.course-link:hover{color:#441472}.upload-link{display:inline-block;margin-top:20px;padding:10px 20px;background:#360e41;color:#fff;text-decoration:none;border-radius:10px;font-weight:600}.upload-link:hover{background:#671c7c}.upload-work{max-width:600px;margin:2.5% auto;padding:30px 40px}.upload-work h1{font-size:26px;margin-bottom:20px;text-align:center;color:#441472;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.back-link{display:inline-block;margin-bottom:20px;color:#671c7c;text-decoration:none;font-weight:500}.back-link:hover{text-decoration:underline}.upload-form{background:#fff;padding:25px 30px;border-radius:10px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;gap:20px}.form-group{margin-bottom:15px}.form-group label{display:block;font-size:1rem;margin-bottom:8px;color:#441472;text-decoration:underline;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.form-group input[type=text],.form-group input[type=file]{width:100%;padding:10px 20px;font-size:1rem;border:1px solid rgb(54,14,65);border-radius:10px;color:#360e41;box-shadow:#0000003d 0 3px 8px}.preview{margin:20px 0;text-align:center}.preview img,.preview video{max-width:100%;max-height:300px;border-radius:8px;box-shadow:#00000026 0 3px 6px}.error{color:red;font-size:.9rem;margin-bottom:15px;text-align:center}.upload-form button{width:50%;margin:0 auto;padding:12px 20px;background:#360e41;color:#fff;border:1px solid rgb(54,14,65);border-radius:10px;font-size:1rem;font-weight:600;transition:background .3s ease}.upload-form button:hover{background:#671c7c}.forum{max-width:800px;margin:2.5% auto;padding:30px 40px;border-radius:10px;background-color:#fff;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;gap:20px}.forum h2{text-align:center;font-size:26px;color:#441472;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.forum label{font-weight:600;color:#441472;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;text-decoration:underline}.forum input{border-radius:10px;border:1px solid rgb(54,14,65);color:#360e41;padding:10px 20px;width:100%;box-shadow:#0000003d 0 3px 8px;font-size:15px}.forum button{padding:12px 20px;border-radius:10px;border:1px solid rgb(54,14,65);background-color:#360e41;color:#fff;width:50%;margin:0 auto;font-weight:600;cursor:pointer;transition:background-color .3s ease}.forum button:hover{background-color:#671c7c}.heroImg{background-image:url(https://images.unsplash.com/photo-1642428668784-43cdfca2813e?q=80&w=1631&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-size:cover;background-repeat:no-repeat;height:500px;padding:70px 200px}.heroImg>h1{font-size:100px;color:#cecece;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.hero{display:flex;gap:30px;padding:10px 40px;margin-top:5%}.hero-section{width:100%;padding:3rem 1rem}.hero-content{max-width:1200px;margin:0 auto;display:grid;gap:1.5rem}.hero-text{display:flex;flex-direction:column;justify-content:center;gap:1rem}.hero-title{font-size:50px;font-weight:700;letter-spacing:-.025em;line-height:1.2}.hero-description{color:var(--muted-color);max-width:500px;font-size:16px;margin-top:50px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.hero-buttons{display:flex;flex-direction:column;gap:.5rem;margin-top:40px}.hero-image-container{margin-top:13%}.hero-image{border-radius:10px;max-width:90%}.member-count{display:flex;align-items:center;gap:1rem;margin-top:1rem;font-size:.875rem}.avatar-group{display:flex;margin-right:.5rem}.avatar{width:32px;height:32px;border-radius:50%;border:2px solid var(--background-color);margin-left:-8px;object-fit:cover}.avatar:first-child{margin-left:0}.avatar-more{display:flex;align-items:center;justify-content:center;background-color:var(--muted-background);font-size:.75rem;font-weight:500}.member-text{color:var(--muted-color)}.highlight{font-weight:600;color:var(--foreground-color)}.badge{display:inline-flex;align-items:center;border-radius:9999px;background-color:#fff;padding:10px 20px;font-size:15px;font-weight:500;width:fit-content}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);font-size:.875rem;font-weight:500;height:2.5rem;padding:0 1rem;transition:all .2s;cursor:pointer;border:none}.btn-lg{height:3rem;padding:0 1.5rem;font-size:1rem}.btn-primary{border-radius:10px;width:50%;background-color:#000;color:#fff;transition:transform .3s ease;text-decoration:none}.btn-primary:hover{background-color:#242424;color:#fff;transform:scale(1.05)}.btn-secondary{background-color:var(--secondary-color);color:#fff}.btn-secondary:hover{background-color:var(--secondary-hover)}.btn-outline{text-decoration:none;border-radius:10px;width:50%;color:#000;background-color:transparent;border:1px solid black;transition:transform .3s ease}.btn-outline:hover{background-color:#fff;transform:scale(1.05)}.btn-outline-light{border:1px solid rgba(255,255,255,.2)}.btn-outline-light:hover{background-color:#000}.btn-full{width:100%}.icon-right{margin-left:.5rem}.learned{margin-top:50px;background-color:#ffdaffd7;padding:70px 30px}.learned>h1{font-size:25px;font-family:Georgia,Times New Roman,Times,serif}.learnbox{display:flex;padding:50px 0;gap:30px}.lb{display:flex;flex-direction:column;gap:20px;padding:20px;background-color:#fff;border:1px solid silver;border-radius:10px;transition:transform .3s ease}.lb>h1{font-size:22px}.lb>p{font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:13px}.lname{display:flex;gap:20px}.lname>div{width:50px;height:50px;border-radius:50%;background-color:#242424;color:#fff;font-weight:600}.lname>p{font-size:13px;margin-top:18px}.LinkInfo{color:#7430ac;font-size:14px;font-family:Verdana,Geneva,Tahoma,sans-serif}.lb:hover{transform:scale(1.05);cursor:pointer}.trend{margin-top:30px;padding:40px}.trendHead{font-size:40px;color:#571057;font-family:Georgia,Times New Roman,Times,serif}.underline{margin:30px 0;border:1px solid rgb(189,189,189);width:auto;height:auto}.trendGrid{display:grid;grid-template-columns:repeat(4,auto);padding:20p 0px;gap:50px}.gridBox{display:flex;flex-direction:column;gap:40px}.gridBox>h2{font-family:Verdana,Geneva,Tahoma,sans-serif;color:#340a47;font-size:22px}.gridBox>p{color:#7430ac;font-weight:600;font-size:18px;font-family:Verdana,Geneva,Tahoma,sans-serif}.gridBox>span,.gridBox>p>span{font-size:14px;color:#8b8b8b;font-weight:100;font-family:Verdana,Geneva,Tahoma,sans-serif}.gridBox>button{background-color:transparent;border:2px solid rgb(116,48,172);color:#7430ac;padding:15px 10%;font-size:15px;border-radius:10px;margin-top:15px;transition:transform .3s ease}.gridBox>button:hover{background-color:#ebd2ff;transform:scale(1.05);cursor:pointer}.trust{padding:50px;margin-top:50px;background-color:#242424;color:#afafaf}.trust>p{text-align:center;font-family:Verdana,Geneva,Tahoma,sans-serif}.trustBox{display:flex;gap:50px;padding:80px 150px 30px}.nav{display:flex;gap:50px;padding:10px 30px;box-shadow:#0000003d 0 3px 8px;background-color:#562f5e}.pages{margin-top:13px;color:#fff;font-size:20px;text-decoration:none;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;transition:color .3s ease}.navlink{padding:0 2%;display:flex;gap:50px;margin-left:auto}.pages:hover{color:#c1e6ff;transform:scale(1.05)}.active{color:#c1e6ff;text-decoration:underline;font-weight:700}.logo{display:flex;gap:10px;width:auto}.logo>p{color:#e7baab;font-size:23px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-top:10px;font-style:italic;transition:color .3s ease}.logo>img{height:50px;width:130px;border-radius:20px;transition:transform .3s ease}.logo>img:hover{transform:rotate(15deg)}.form{display:flex;justify-content:center;align-items:center;margin-top:2.1%}.course>h3{text-align:center;font-size:25px;color:#441472;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.course{border-radius:10px;padding:20px 40px;box-shadow:#0000003d 0 3px 8px;display:flex;flex-direction:column;gap:20px;width:40%}.course>label{text-decoration:underline;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.course>input{border:1px solid rgb(54,14,65);color:#360e41;border-radius:10px;width:90%;padding:10px 30px;box-shadow:#0000003d 0 3px 8px}.course>button{padding:10px 20px;border-radius:10px;border:1px solid rgb(54,14,65);background-color:#360e41;color:#fff;width:50%;margin-left:25%;font-weight:600}.course>button:hover{background-color:#671c7c}.addBtn{background-color:transparent;border:2px solid rgb(103,28,124);color:#671c7c;padding:10px 30px;border-radius:10px;box-shadow:#0000003d 0 3px 8px;margin-left:88%;margin-top:20px}.addBtn:hover{background-color:#f3c8ff}.courseHead{text-align:center;font-size:40px;color:#441472;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.course-container{margin-top:30px}.course-list{width:80%;margin:4% 12%}.course-item{border:none}.course-item:hover{background-color:#f7d8ff;cursor:pointer}.register-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f3e9ff}.register-box{background:#fff;padding:30px;border-radius:10px;box-shadow:0 8px 24px #a64bf426;width:100%;max-width:400px;text-align:center}.register-box h2{font-size:2rem;margin-bottom:20px;color:#6a1b9a}.register-box form{display:flex;flex-direction:column}.register-box input{padding:10px 12px;font-size:1rem;border:1px solid #d1b3ff;border-radius:6px;background-color:#faf5ff;margin-bottom:15px;transition:border-color .3s,box-shadow .3s}.register-box input:focus{border-color:#a64bf4;box-shadow:0 0 5px #a64bf480;outline:none}.register-box button{padding:10px 0;background-color:#a64bf4;color:#fff;font-size:1rem;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s}.register-box button:hover{background-color:#8d3bd6}.register-box p{margin-top:15px;font-size:.95rem;color:#5c4a72}.register-box a{color:#a64bf4;text-decoration:none}.register-box a:hover{text-decoration:underline}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f4f4f4}
