@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;min-height:160vh;background:linear-gradient(135deg,#000,#313d80);background-size:cover;background-position:center}.form-box{width:380px;padding:30px;background:#1b1e2cd9;border-radius:12px;box-sizing:border-box;margin:0 auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s ease}.form-box:hover{background:#1b1e2cd9;box-shadow:0 8px 20px #7a92f380;transform:translate(-50%,-50%) scale(1.03)}.hidden{display:none}form h1{font-size:28px;text-align:center;margin-bottom:20px;color:#c7cde6;font-weight:600;letter-spacing:.5px}form .input-box{position:relative;width:100%;height:48px;margin-bottom:20px}.input-box .icon{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:16px;color:#6d8bff;pointer-events:none}form .remember-forgot{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:20px;color:#a0a5b1}.remember-forgot label{display:flex;align-items:center;cursor:pointer}.remember-forgot label input{accent-color:#6d8bff;margin-right:6px;cursor:pointer}.remember-forgot a{color:#6d8bff;text-decoration:none;font-weight:500;transition:color .2s}.remember-forgot a:hover{color:#8ca2ff;text-decoration:underline}form button{width:100%;height:45px;background:linear-gradient(to right,#5c7cfa,#6d8bff);border:none;border-radius:12px;font-size:15px;color:#fff;font-weight:600;cursor:pointer;margin-bottom:18px;transition:all .3s ease;box-shadow:0 4px 10px #6d8bff4d;letter-spacing:.5px}form button:hover{background:linear-gradient(to right,#4263eb,#5c7cfa);transform:translateY(-2px);box-shadow:0 6px 15px #6d8bff66}form button:active{transform:translateY(0);box-shadow:0 2px 5px #6d8bff4d}form .Register-link{text-align:center;font-size:14px;color:#a0a5b1}.Register-link p a{color:#6d8bff;font-weight:600;text-decoration:none;margin-left:5px;transition:color .2s}.Register-link p a:hover{color:#8ca2ff;text-decoration:underline}.wrapper .form-box.login{transition:transform .5s ease,opacity .5s ease;transform:translate(0);opacity:1}.wrapper .form-box.register{position:absolute;transition:transform .5s ease,opacity .5s ease;transform:translate(400px);opacity:0}.wrapper.active .form-box.login{transform:translate(-400px);opacity:0}.wrapper.active .form-box.register{transform:translate(0);opacity:1}form .Go-Back-link{text-align:center;font-size:14px;color:#a0a5b1}.Go-Back-link p a{color:#6d8bff;font-weight:600;text-decoration:none;margin-left:5px;transition:color .2s}.Go-Back-link p a:hover{color:#8ca2ff;text-decoration:underline}@media (max-width: 450px){.wrapper{width:100%;height:auto;border-radius:0;padding:20px 0}.form-box{padding:25px 16px}}:root{--primary-color: #000103;--secondary-color: #2045db;--background-dark: #1a1c28;--text-light: #f8f9fa;--text-muted: #a0a5b1}.landing-page{background:linear-gradient(135deg,#000,#313d80);background-size:cover;background-attachment:fixed;color:var(--text-light);font-family:Arial,sans-serif;line-height:1.6;position:relative;min-height:100vh}.hero-section{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background-size:cover;background-position:center;position:relative;overflow:hidden}.hero-content{max-width:800px;padding:0 20px;position:relative;z-index:2}.hero-section h1{font-size:3.5rem;color:#e6e6ee;margin-bottom:20px;letter-spacing:1px;text-shadow:0 0 50px #000107,0 0 40px #b6c8ca,0 0 20px #02171a,0 0 40px #5c2183;transition:transform .3s ease}.hero-section p{font-size:2rem;color:#d5c2e7;margin-bottom:40px;text-shadow:0 0 50px #000107,0 0 40px #b6c8ca,0 0 20px #02171a,0 0 40px #5c2183;transition:transform .3s ease}.hero-section h1:hover,.hero-section p:hover{transform:translateY(-15px)}.hero-cta{display:flex;justify-content:center;gap:20px}.hero-cta button{width:100%;height:45px;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));border:none;border-radius:12px;font-size:15px;color:#fff;font-weight:600;cursor:pointer;margin-bottom:18px;transition:all .3s ease;box-shadow:0 4px 10px #6d8bff4d;letter-spacing:.5px}.hero-cta button:hover{background:linear-gradient(to right,var(--primary-color),var(--secondary-color));transform:translateY(-2px);box-shadow:0 6px 15px #6d8bff66}.hero-cta button:active{transform:translateY(0);box-shadow:0 2px 5px #6d8bff4d}.features-section,.how-it-works,.testimonials-section,.cta-section{padding:20px 50px;text-align:center}.features-section h2,.how-it-works h2,.testimonials-section h2,.cta-section h2{color:#f5f5f5;margin-bottom:50px}.features-grid{display:flex;justify-content:space-between;gap:30px}.feature-card{background:#1b1e2cd9;padding:30px;border-radius:15px;transition:transform .3s ease}.feature-card:hover{transform:translateY(-15px);background:#1b1e2cd9;box-shadow:0 8px 20px #7a92f380}.feature-icon{font-size:3rem;color:#c2a0e2;margin-bottom:20px}.steps-container{display:flex;justify-content:space-between;gap:30px}.step{background:#1b1e2cd9;padding:30px;border-radius:15px;transition:transform .3s ease;position:relative}.step-number{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:#1d1920;color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.step:hover{transform:translateY(-15px);background:#1b1e2cd9;box-shadow:0 8px 20px #7a92f380}.testimonials-grid{display:flex;gap:30px}.testimonial-card{background:#1b1e2cd9;padding:30px;border-radius:15px;position:relative;text-align:left;transition:transform .3s ease}.testimonial-card:hover{transform:translateY(-15px);background:#1b1e2cd9;box-shadow:0 8px 20px #7a92f380}.quote-icon{position:absolute;top:20px;left:20px;color:var(--primary-color);font-size:2rem;opacity:.5}.testimonial-profile{display:flex;align-items:center;margin-top:20px}.testimonial-profile img{width:60px;height:60px;border-radius:50%;margin-right:15px}.cta-section{background:linear-gradient(to right,var(--primary-color),var(--secondary-color));color:#fff}.cta-content{max-width:700px;margin:0 auto;text-align:center}@media (max-width: 768px){.features-grid,.steps-container,.testimonials-grid{flex-direction:column}.hero-section h1{font-size:2.5rem}.hero-cta{flex-direction:column}}.create-course-container{width:500px;padding:30px;background:#1b1e2cd9;border-radius:12px;box-sizing:border-box;margin-top:10%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s ease}.create-course-container:hover{background:#1b1e2cd9;box-shadow:0 8px 20px #7a92f380;transform:translate(-50%,-50%) scale(1.03)}.create-course-form h1{text-align:center;margin-bottom:24px;font-size:32px;font-weight:700;color:var(--text-muted)}.create-course-form input[type=text],.create-course-form input[type=number],.create-course-form input[type=file]{width:100%;height:100%;background:#ffffff0d;border:2px solid rgba(103,128,255,.15);border-radius:12px;font-size:15px;color:#f8f9fa;padding:0 42px 0 18px;box-sizing:border-box;transition:all .3s}.create-course-form input[type=text]:focus,.create-course-form input[type=number]:focus,.create-course-form input[type=file]:focus,.create-course-form select:focus{border-color:#6d8bff;outline:none;box-shadow:0 0 0 3px #6d8bff33}.create-course-form input[type=text],.create-course-form input[type=number],.create-course-form input[type=file] select{padding:10px 18px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.create-course-form input[type=file]{text-align:center;padding:10px 8px}.courses-container{display:flex;flex-direction:column;align-items:center;padding:20px;font-family:Arial,sans-serif;margin-top:80px}.course-cards-container{display:flex;flex-direction:column;gap:20px;width:100%;max-width:800px;margin-top:2%;padding:0 20px}.course-title{font-size:28px;color:var(--text-light);font-weight:700;margin:0 0 10px}.course-description{font-size:18px;color:var(--text-muted);font-weight:600;margin:0 0 10px}.course-card video{width:100%;border-radius:8px;margin-bottom:10px;height:300px}.course-details{display:flex;flex-direction:column;gap:10px;font-size:16px;color:var(--text-light);margin-bottom:10px}.course-price,.course-category{display:flex;align-items:center;gap:8px;margin:0}.delete-btn{width:100%;height:45px;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));border:none;border-radius:12px;font-size:16px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.delete-btn:hover{background:linear-gradient(to right,var(--primary-color),var(--secondary-color));transform:translateY(-2px);box-shadow:0 6px 15px #2045db66}.delete-btn:active{transform:translateY(0);box-shadow:0 2px 5px #2045db4d}.no-courses{text-align:center;padding:40px;color:var(--primary-color);font-size:18px}@media (max-width: 600px){.course-cards-container{grid-template-columns:1fr;padding:0 10px}.course-card{max-width:100%}.course-title{font-size:24px}.course-description{font-size:16px}}.courses-title{font-size:28px;color:var(--text-light);font-weight:700;margin-top:30px;margin-bottom:30px}.skill-hero-section{width:100%;margin:0;padding:100px 32px 64px;box-sizing:border-box}.skill-hero-content{margin-top:100px;display:flex;align-items:center;justify-content:space-between;flex-direction:column}@media (min-width: 768px){.skill-hero-content{flex-direction:row}}.skill-hero-text-container{width:50%;position:relative}@media (min-width: 768px){.hero-text-container{width:50%}}.skill-hero-text-container h1{font-size:60px;color:var(--text-light)}.skill-hero-heading{font-size:48px;font-weight:700;color:var(--text-light);line-height:1.1;margin:0}.skill-hero-subheading{margin-top:24px;font-size:30px;color:var(--text-muted);line-height:1.5}.skill-hero-buttons button{width:200px;height:45px;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));border:none;border-radius:12px;font-size:15px;color:#fff;font-weight:600;cursor:pointer;margin-top:50px;margin-bottom:18px;margin-right:40px;transition:all .3s ease;box-shadow:0 4px 10px #6d8bff4d;letter-spacing:.5px}.skill-hero-buttons button:hover{background:linear-gradient(to right,var(--primary-color),var(--secondary-color));transform:translateY(-2px);box-shadow:0 6px 15px #6d8bff66}.skill-hero-buttons button:active{transform:translateY(0);box-shadow:0 2px 5px #067dec4d}.greeting-image{width:50%;position:relative;display:flex;justify-content:center;align-items:center}.greeting-image img{width:90%;max-width:500px;height:auto;object-fit:contain;transition:transform .3s ease,box-shadow .3s ease}.greeting-image:hover img{transform:scale(1.05);box-shadow:0 8px 20px #2045dbb3}.MentorCourses{margin-top:24px;font-size:30px;font-weight:600;color:var(--text-muted);line-height:1.5}.join-now-buttons button{width:200px;height:45px;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));border:none;border-radius:12px;font-size:15px;color:#fff;font-weight:600;cursor:pointer;margin-top:20px;margin-bottom:30px;margin-right:40px;transition:all .3s ease;box-shadow:0 4px 10px #6d8bff4d;letter-spacing:.5px}.join-now-buttons button:hover{background:linear-gradient(to right,var(--primary-color),var(--secondary-color));transform:translateY(-2px);box-shadow:0 6px 15px #6d8bff66}.join-now-buttons button:active{transform:translateY(0);box-shadow:0 2px 5px #6d8bff4d}.faq-section h2{font-size:30px;color:var(--text-light)}.skill-hero-section{position:relative}.faq-section,.contactus-section{position:relative;width:48%;display:inline-block;vertical-align:top;margin:10% 1% 1%;background-color:#1a1c28cc;padding:20px;border-radius:8px;box-sizing:border-box;color:var(--text-light);transition:box-shadow .3s ease,transform .3s ease}.faq-section:hover,.contactus-section:hover{box-shadow:0 8px 20px #2045dbb3;transform:translateY(-5px)}.faq-section h2,.contactus-section h2{color:var(--text-muted);font-size:28px;margin-bottom:20px;text-align:center}.contactus-item{margin-bottom:15px}.contactus-item h3{font-size:20px;margin-bottom:8px}.contactus-item p{font-size:16px;line-height:1.4}.faq-item{margin-bottom:15px}.faq-item h3{font-size:20px;margin-bottom:8px}.faq-item p{font-size:16px;line-height:1.4}@media (max-width: 768px){.faq-section,.contactus-section{width:100%;display:block;margin:10px 0}}.course-cards-container{display:flex;flex-wrap:wrap;gap:20px;width:100%;margin-top:10px}.course-card{background:#1b1e2cd9;border-radius:12px;padding:15px;width:600px;margin-left:10px;transition:transform .3s,box-shadow .3s}.course-card:hover{transform:scale(1.02);box-shadow:0 8px 20px #7a92f380}.course-card .card-title{font-size:28px;color:var(--text-light);font-weight:700;margin:0;padding:10px 15px}.course-card .card-description{font-size:18px;color:var(--text-muted);margin:0;padding:5px 15px 15px}.course-card .card-price,.course-card .card-mentor,.course-card .card-created{display:flex;align-items:center;gap:8px;color:var(--text-light);padding:8px 15px;font-size:16px}.course-card .card-video{margin-top:10px;padding:0 15px 10px}.course-card .card-video a{color:var(--secondary-color);text-decoration:none;font-weight:600;transition:color .3s}.create-swap-container{width:500px;padding:30px;background:#1b1e2cd9;border-radius:12px;box-sizing:border-box;margin-top:10%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s ease}.create-swap-container:hover{background:#1b1e2cd9;box-shadow:0 8px 20px #7a92f380;transform:translate(-50%,-50%) scale(1.03)}.create-swap-form h1{text-align:center;margin-bottom:24px;font-size:32px;font-weight:700;color:var(--text-muted)}.input-box{position:relative;width:100%;height:48px;margin-bottom:20px}.input-box input,.input-box select{width:100%;height:100%;background:#ffffff0d;border:2px solid rgba(103,128,255,.15);border-radius:12px;font-size:15px;color:#f8f9fa;padding:0 42px 0 18px;box-sizing:border-box;transition:all .3s}.input-box input:focus,.input-box select:focus{border-color:#6d8bff;outline:none;box-shadow:0 0 0 3px #6d8bff33}.input-box input::placeholder{color:#a0a5b1}.input-box select{padding:10px 18px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.input-box select option{background-color:#2a2d3e;color:#f8f9fa;padding:10px}.create-swap-form input[type=text],.create-swap-form input[type=number],.create-swap-form input[type=file]{width:100%;height:100%;background:#ffffff0d;border:2px solid rgba(103,128,255,.15);border-radius:12px;font-size:15px;color:#f8f9fa;padding:0 42px 0 18px;box-sizing:border-box;transition:all .3s}.create-swap-form input[type=text]:focus,.create-swap-form input[type=number]:focus,.create-swap-form input[type=file]:focus,.create-swap-form select:focus{border-color:#6d8bff;outline:none;box-shadow:0 0 0 3px #6d8bff33}.create-swap-form input[type=text],.create-swap-form input[type=number],.create-swap-form input[type=file] select{padding:10px 18px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-box .icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#9bb9fc;font-size:20px}.create-swap-form input[type=file]{text-align:center;padding:10px 8px}.file-upload-text{color:#a0a5b1;padding-left:2px}:root{--primary-color: #000103;--secondary-color: #2045db;--background-light: #f5f5f7;--text-light: #f8f9fa;--text-muted: #9bb9fc}.join-swap-container{display:flex;flex-wrap:wrap;justify-content:space-around;padding:20px;font-family:Arial,sans-serif}.swap-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:20px;width:100%;margin-top:8%;justify-content:center;padding:0 20px}.swap-card{background:#1b1e2cd9;border-radius:12px;padding:15px;width:100%;max-width:500px;transition:transform .3s,box-shadow .3s;justify-self:center}.swap-card:hover{transform:scale(1.05);box-shadow:0 8px 20px #7a92f380}.swap-title{font-size:28px;color:var(--text-light);font-weight:700;margin:0}.swap-description{font-size:18px;color:var(--text-muted);font-weight:600;margin:0}.swap-video{width:100%;border-radius:8px;height:300px}.swap-details{display:flex;flex-direction:column;gap:8px;font-size:16px;color:var(--text-light)}.detail-item{display:flex;align-items:center;gap:8px}.icon{color:var(--text-muted);font-size:18px}.join-button{width:100%;height:45px;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));border:none;border-radius:12px;font-size:16px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.join-button:hover{background:linear-gradient(to right,var(--primary-color),var(--secondary-color));transform:translateY(-2px);box-shadow:0 6px 15px #2045db66}.join-button:active{transform:translateY(0);box-shadow:0 2px 5px #2045db4d}@media (max-width: 600px){.join-swap-container{margin:20px;padding:15px}.swap-title{font-size:24px}.swap-description{font-size:16px}.swap-cards-container{grid-template-columns:1fr;padding:0 10px}.swap-card{max-width:100%}}:root{--primary-color: #000103;--secondary-color: #2045db;--background-dark: #1a1c28;--text-light: #f8f9fa;--text-muted: #9bb9fc;--border-color: rgba(103, 128, 255, .15);--hover-shadow: 0 8px 20px rgba(122, 146, 243, .5);--focus-shadow: 0 0 0 3px rgba(109, 139, 255, .2);--hover-scale: scale(1.02);--transition-speed: .3s}.profile-card,.skill-manager-container,.bio-container,.user-form-container{max-width:500px;margin:40px auto;padding:30px;border-radius:15px;background:#1b1e2cd9;transition:all var(--transition-speed) ease;position:relative;overflow:hidden}.profile-card:hover,.skill-manager-container:hover,.bio-container:hover,.user-form-container:hover{transform:var(--hover-scale);box-shadow:var(--hover-shadow)}.profile-card{text-align:center;margin-top:8%}.skill-manager-container,.bio-container,.user-form-container{margin-top:20px}.profile-card h2,.skill-manager-container h2,.bio-container h2,.user-form-container h2{text-align:center;margin-bottom:25px;font-size:24px;font-weight:600;color:var(--text-light);position:relative;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.avatar-wrapper{width:160px;height:160px;margin:0 auto 20px;border-radius:50%;overflow:hidden;border:4px solid var(--border-color);background:linear-gradient(135deg,#ffffff0d,#ffffff1a);display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed) ease}.avatar-wrapper:hover{border-color:#6d8bff;box-shadow:0 0 15px #6d8bff4d;transform:scale(1.05)}.avatar{width:100%;height:100%;object-fit:cover}.avatar-placeholder{color:var(--text-muted);font-size:14px}.hidden-input{display:none}.change-avatar-btn,.input-section button,.edit-btn,.delete-btn,.save-btn,.bio-button,.user-form button{padding:12px 24px;font-size:16px;color:var(--text-light);border:none;border-radius:12px;cursor:pointer;transition:all var(--transition-speed) ease;position:relative;overflow:hidden}.change-avatar-btn:hover,.input-section button:hover,.edit-btn:hover,.delete-btn:hover,.save-btn:hover,.bio-button:hover,.user-form button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #2045db66}.credits-input,.input-section input,.edit-input,.bio-input,.user-form input{width:100%;padding:12px;font-size:16px;border:2px solid var(--border-color);border-radius:12px;background:#ffffff0d;color:var(--text-light);transition:all var(--transition-speed)}.credits-input:focus,.input-section input:focus,.edit-input:focus,.bio-input:focus,.user-form input:focus{border-color:#6d8bff;outline:none;box-shadow:var(--focus-shadow)}.skills-list{list-style-type:none;padding:0}.skill-item{display:flex;align-items:center;padding:12px;border-bottom:1px solid var(--border-color);color:var(--text-light);transition:all var(--transition-speed) ease}.skill-item .skill-text{flex:1;margin-right:10px}.skill-item .buttons{display:flex;gap:10px;align-items:center}.skill-item:hover{background:#ffffff0d;transform:translate(5px)}.bio-text{padding:15px;background:#ffffff0d;border-radius:12px;border:2px solid var(--border-color);min-height:100px;white-space:pre-wrap;color:var(--text-light);transition:all var(--transition-speed) ease}.bio-text:hover{border-color:#6d8bff;box-shadow:0 0 15px #6d8bff33}.user-form label{display:block;margin-bottom:15px;font-weight:700;color:var(--text-muted)}.user-form input{width:100%;padding:12px;margin-top:5px;border:2px solid var(--border-color);border-radius:12px;box-sizing:border-box;background:#ffffff0d;color:var(--text-light);transition:all var(--transition-speed)}.user-form input:focus{border-color:#6d8bff;outline:none;box-shadow:var(--focus-shadow)}.profile-card h1,.credits-section label{color:var(--text-light);font-weight:500}.save-btn{background:linear-gradient(to right,#28a745,#1e7e34)}.delete-btn{background:linear-gradient(to right,#dc3545,#a71d2a)}.change-avatar-btn,.bio-button,.user-form button{background:linear-gradient(to right,var(--primary-color),var(--secondary-color))}.bio-button{display:block;margin:10px auto 0;padding:12px 24px;font-size:16px;color:var(--text-light);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));border:none;border-radius:12px;cursor:pointer;transition:all var(--transition-speed) ease}@media (max-width: 600px){.profile-card,.skill-manager-container,.bio-container,.user-form-container{margin:20px;padding:20px}.avatar-wrapper{width:120px;height:120px}.input-section{flex-direction:column}.input-section button{width:100%}.skill-item{flex-direction:column;align-items:flex-start}.skill-item .buttons{width:100%;display:flex;justify-content:space-between;margin-top:10px}}.input-section{display:flex;gap:10px;margin-bottom:20px;align-items:center}.input-section input{flex:1;padding:12px;font-size:16px;border:2px solid var(--border-color);border-radius:12px;background:#ffffff0d;color:var(--text-light);transition:all var(--transition-speed)}.input-section button{padding:12px 24px;font-size:16px;color:var(--text-light);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));border:none;border-radius:12px;cursor:pointer;transition:all var(--transition-speed) ease;position:relative;overflow:hidden;min-width:120px;white-space:nowrap}.input-section button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #2045db66}.credits-section{display:flex;flex-direction:column;align-items:center;gap:8px;margin:10px 0}.bio-button{margin-bottom:30px}.credits-input{text-align:center}.bio-container button{margin-bottom:0}.edit-btn,.delete-btn{min-width:100px;display:inline-block;text-align:center;margin:0 5px}:root{--primary-color: #000103;--secondary-color: #2045db;--background-light: #f5f5f7;--text-light: #f8f9fa;--text-muted: #9bb9fc;--success-color: #28a745;--warning-color: #ffc107;--danger-color: #dc3545}.view-my-swaps-container{display:flex;flex-direction:column;padding:20px;font-family:Arial,sans-serif;margin-top:60px}.view-my-swaps-container h2{font-size:24px;color:#fff;font-weight:700;text-align:center;width:100%;margin-top:3%}.swaps-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.swaps-title{font-size:32px;color:#fff;font-weight:700;margin-top:80px;margin-bottom:20px;text-align:center;width:100%}.swaps-filters{display:flex;gap:15px;margin-bottom:20px}.filter-button{padding:8px 16px;border-radius:8px;border:none;background:#1b1e2cd9;color:var(--text-light);cursor:pointer;transition:all .3s ease}.filter-button:hover,.filter-button.active{background:var(--secondary-color)}.swap-cards-container{display:flex;flex-wrap:wrap;gap:20px;width:100%;margin-top:7%}.swap-card{background:#1b1e2cd9;border-radius:12px;padding:20px;width:600px;margin-left:10px;transition:transform .3s,box-shadow .3s}.swap-card:hover{transform:scale(1.02);box-shadow:0 8px 20px #7a92f380}.swap-status{display:inline-block;padding:4px 12px;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:10px}.status-pending{background-color:var(--warning-color);color:var(--primary-color)}.status-accepted{background-color:var(--success-color);color:var(--text-light)}.status-rejected{background-color:var(--danger-color);color:var(--text-light)}.swap-title{font-size:24px;color:var(--text-light);font-weight:700;margin:0 0 10px}.swap-description{font-size:16px;color:var(--text-muted);margin:0 0 15px}.swap-details{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.detail-item{display:flex;align-items:center;gap:8px;color:var(--text-light)}.detail-label{font-weight:500;color:var(--text-muted)}.swap-actions{display:flex;gap:10px;margin-top:15px}.action-button{flex:1;padding:10px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.edit-button{background:var(--secondary-color);color:var(--text-light)}.delete-button{background:var(--danger-color);color:var(--text-light)}.action-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}@media (max-width: 768px){.swaps-header{flex-direction:column;gap:15px}.swaps-filters{flex-wrap:wrap}.swap-card{width:100%}.swap-actions{flex-direction:column}}@media (max-width: 480px){.view-swaps-container{padding:15px}.swaps-title{font-size:24px}.swap-title{font-size:20px}.swap-description{font-size:14px}}.course-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:20px;width:100%;margin-top:8%;padding:0 20px;justify-content:center;align-items:center;max-width:1600px;margin-left:auto;margin-right:auto}.course-card{background:#1b1e2cd9;border-radius:12px;padding:15px;width:100%;max-width:500px;transition:transform .3s,box-shadow .3s;justify-self:center}.course-card:hover{transform:scale(1.05);box-shadow:0 8px 20px #7a92f380}.course-card .card-title{font-size:28px;color:var(--text-light);font-weight:700;margin:0}.course-card .card-description{font-size:18px;color:var(--text-muted);font-weight:600;margin:0}.course-card .card-price,.course-card .card-mentor,.course-card .card-created{display:flex;align-items:center;gap:8px;font-size:16px;color:var(--text-light)}.course-card .card-video{margin-top:15px}.course-card .card-video a{color:var(--text-muted);text-decoration:none;font-weight:600;transition:color .3s}.course-card .card-video a:hover{color:var(--text-light)}@media (max-width: 600px){.course-cards-container{grid-template-columns:1fr;padding:0 10px}.course-card{max-width:100%}.course-card .card-title{font-size:24px}.course-card .card-description{font-size:16px}}.card-video{display:flex;justify-content:center;align-items:center}:root{--primary-color: #000103;--secondary-color: #2045db;--background-dark: #1a1c28;--text-light: #f8f9fa;--text-muted: #9bb9fc}.landing-container{min-height:100vh;width:100%;background:linear-gradient(135deg,#000,#313d80);background-size:cover;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.main-header{padding:20px 0;box-shadow:0 1px 3px #c7a4a40d;position:fixed;top:0;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000}.skill-header-content{width:100%;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.logo-container{display:flex;align-items:center}.logo-icon{margin-right:8px;display:flex;align-items:center}.logo-icon img{width:60px;height:60px;object-fit:contain}.logo-text{font-size:20px;font-weight:700;color:var(--text-muted)}.main-navigation{font-weight:700;display:flex;gap:32px}.nav-link{color:var(--text-muted);text-decoration:none;transition:color .2s ease}.nav-link:hover{color:var(--text-light)}.payment-container{display:flex;flex-direction:column;width:100%;height:100vh;align-items:center;justify-content:center}.payment h1{font-size:24px;color:var(--text-light)}.payment h3{color:var(--text-muted);margin-bottom:10px}.edit-btn{background:linear-gradient(to right,#007bff,#0056b3)}