body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0000;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:linear-gradient(744deg,#af40ff,#5b42f3 10%,#00ddeb);background-size:cover;height:100vh}@media (max-width:768px){body{font-size:14px}}@media (max-width:480px){body{font-size:12px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-gradient-background{background:linear-gradient(744deg,#af40ff,#5b42f3 10%,#00ddeb);background-size:cover;display:flex;flex-direction:column;min-height:100vh}@media (max-width:768px){.app-gradient-background{padding:10px}}@media (max-width:480px){.app-gradient-background{padding:5px}}.Navbar_navbar__M1Iov{align-items:center;background:linear-gradient(744deg,#af40ff,#5b42f3 10%,#00ddeb);box-shadow:0 2px 4px #0000001a;display:flex;height:60px;justify-content:space-between;padding:0 20px;position:fixed;top:0;width:100%;z-index:1000}.Navbar_layout-content__3FXQi{padding-top:60px}.Navbar_logo__AYNin a{color:#333;font-size:24px;font-weight:700;text-decoration:none}.Navbar_menuToggle__2XQiL{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:24px}.Navbar_navLinks__tGR3Z{display:flex;font-size:x-large;list-style:none;margin:0 5% 0 0;padding:0}.Navbar_navLinks__tGR3Z li{margin-left:20px}.Navbar_navLinks__tGR3Z a{color:#fff;font-size:16px;text-decoration:none;transition:color .3s ease}.Navbar_navLinks__tGR3Z a:hover{color:#007bff}@media (max-width:768px){.Navbar_navbar__M1Iov{flex-direction:column;height:auto;padding:10px 20px}.Navbar_menuToggle__2XQiL{display:block}.Navbar_navLinks__tGR3Z{background:linear-gradient(744deg,#af40ff,#5b42f3 10%,#00ddeb);box-shadow:0 4px 6px #0000001a;display:none;flex-direction:column;padding:10px 0;position:absolute;right:0;top:60px;width:100%}.Navbar_navLinks__tGR3Z.Navbar_showMenu__7I0aP{display:flex}.Navbar_navLinks__tGR3Z li{margin:10px 0;text-align:center}}.Navbar_login__9giDi button,.Navbar_logout__vdyRf button{background-color:rgba(255,0,0,.541);border:none;border-radius:5px;color:#fff;cursor:pointer;padding:.5rem 1rem}.Navbar_login__9giDi button:hover,.Navbar_logout__vdyRf button:hover{background-color:#b30000}.Navbar_login__9giDi,.Navbar_logout__vdyRf{margin-left:auto}.upload-course-container{margin:0 auto;max-width:1200px;padding:20px}.course-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.course-card{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:16px;text-align:center}.course-thumbnail img{border-radius:8px;height:auto;max-width:100%}.course-details h3{font-size:18px;margin-top:10px}.course-details p{color:#555;font-size:14px}.course-details a{color:#007bff;display:inline-block;margin-top:10px;text-decoration:none}input{margin:5px}.reels-container{align-items:center;background-color:#fff;display:flex;height:100vh;justify-content:center}.reel-wrapper{background:#fff;border-radius:16px;box-shadow:0 4px 10px #00000080;height:90vh;justify-content:space-between;max-width:400px;overflow:hidden;position:relative;width:100%}.reel-content,.reel-wrapper{display:flex;flex-direction:column}.reel-content{align-items:center;justify-content:center;padding:20px}.reel-navigation{display:flex;justify-content:space-between;padding:10px}.nav-button{background:#f1f1f1;border:none;border-radius:50%;cursor:pointer;padding:10px}.option-button{border:2px solid #ccc;border-radius:8px;margin:10px 0;padding:10px;text-align:center;width:100%}.selected{background-color:#def;border-color:#007bff}.submit-button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:10px;padding:10px;width:100%}.result-message{font-size:18px;font-weight:700}.correct{color:green}.incorrect{color:red}.container{margin:0 auto;max-width:1200px;padding:2rem}.search-form{margin-bottom:2rem}.search-bar{border:2px solid #ccc;border-radius:1rem;display:flex;justify-content:center;overflow:hidden;width:100%}.search-input{border:none;flex-grow:1;outline:none;padding:1rem}.search-button{background-color:#3b82f6;border:none;color:#fff;cursor:pointer}.search-button:hover{background-color:#2563eb}.loading{padding:2rem}.error,.loading{text-align:center}.error{color:red}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.card{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 8px #0000001a;overflow:hidden;transition:transform .3s}.card:hover{transform:scale(1.05)}.video-container{height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.video-frame,.video-thumbnail{height:100%;left:0;position:absolute;top:0;width:100%}.video-thumbnail{object-fit:cover}.course-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;margin-top:1rem}.Sign_container__8ZqiF{align-items:center;background-color:#f4f7fa;display:flex;justify-content:center;min-height:100vh}.Sign_formBox__2JnPV{background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;max-width:400px;padding:40px;text-align:center;width:100%}.Sign_input__Idll-{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;margin:10px 0;padding:10px;width:100%}.Sign_button__5wiR6{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;margin:10px 0;padding:12px;transition:background-color .3s ease;width:100%}.Sign_switchButton__tkn8r{background-color:#f0f0f0;border-radius:6px;color:#333;cursor:pointer;font-size:14px;padding:10px}:root{--primary-color:#3498db;--secondary-color:#9b59b6;--background-color:#f0f4f8;--text-color:#000;--card-background:#fff;--card-shadow:0 4px 6px #0000001a;--header-gradient-start:#3498db;--header-gradient-end:#9b59b6;--btn-text-color:#fff}.dark-theme{--primary-color:#2980b9;--secondary-color:#8e44ad;--background-color:#121212;--text-color:#e0e0e0;--card-background:#1e1e1e;--card-shadow:0 4px 6px #ffffff1a;--header-gradient-start:#1c2331;--header-gradient-end:#2c3e50;--btn-text-color:#121212}body{background-color:#f0f4f8;background-color:var(--background-color);color:#000;color:var(--text-color);-text-color:#fff;font-family:Arial,sans-serif;margin:0;padding:0;transition:background-color .3s,color .3s}nav{background-color:#fff;background-color:var(--card-background);box-shadow:0 4px 6px #0000001a;box-shadow:var(--card-shadow);padding:1rem;position:fixed;top:0;transition:transform .3s ease-in-out,background-color .3s;width:100%;z-index:1000}.nav-hidden{transform:translateY(-100%)}.nav-content{justify-content:space-between;margin:0 auto;max-width:1200px}.logo,.nav-content{align-items:center;display:flex}.logo img{border-radius:40px;height:70px;margin-right:.5rem;width:70px}.logo span{color:#000;color:var(--text-color);font-size:1.5rem;font-weight:700}.nav-buttons{align-items:center;display:flex;gap:1rem}.btn{border:none;border-radius:4px;cursor:pointer;padding:.5rem 1rem;transition:background-color .3s,transform .3s,color .3s}.register-btn{background-color:#3498db;background-color:var(--primary-color)}.login-btn,.register-btn{color:#fff;color:var(--btn-text-color)}.login-btn{background-color:#9b59b6;background-color:var(--secondary-color)}.switch{display:inline-block;height:34px;position:relative;width:60px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background-color:#3498db;background-color:var(--primary-color)}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}header{align-items:center;background-image:linear-ddient(135deg,#3498db,#9b59b6);background-image:linear-ddient(135deg,var(--header-gradient-start),var(--header-gradient-end));color:#fff;display:flex;justify-content:start;min-height:80vh;padding:70px;text-align:left}h1{font-size:2.5rem;margin-bottom:1rem}.cta-btn{background-color:#fff;background-color:var(--btn-text-color);color:#3498db;color:var(--primary-color);font-size:1.1rem;margin-top:1rem;padding:.75rem 1.5rem}.features,.get-started{margin:4rem auto;max-width:1200px;padding:0 1rem}.features,.get-started{display:flex;flex-direction:column;min-height:100vh}.get-started{justify-content:center}h2{color:#000;color:var(--text-color);font-size:2rem;margin-bottom:2rem;text-align:center}.feature-cards{grid-gap:3.5rem;display:grid;gap:3.5rem;grid-template-rows:repeat(auto-fit,minmax(250px,1fr))}.heading-feature{font-family:Sofia,sans-serif;font-size:70px;margin-bottom:30px;text-decoration:underline}.feature-card{background-color:#fff;background-color:var(--card-background);border-radius:8px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--card-shadow);padding:2rem;transition:transform .3s,box-shadow .3s}.feature-card:hover{box-shadow:0 30px 40px #0006;transform:translateY(-10px)}.feature-card i{color:#3498db;color:var(--primary-color);font-size:2.5rem;margin-bottom:1rem}.feature-card h3,.feature-card p{color:#000;color:var(--text-color)}.get-started .text-spacing{margin-bottom:20px}.text-spacing{font-family:Sofia,sans-serif;font-size:70px;padding-bottom:200px;text-decoration:underline}.steps{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.step1{margin-top:-100px!important}.step2{margin-top:0!important}.step3{margin-top:100px!important}.step4{margin-top:200px!important}.step{flex:1 1;margin:10px;min-width:200px;text-align:center}.step-number{align-items:center;background-color:#3498db;background-color:var(--primary-color);border-radius:50%;color:#fff;color:var(--btn-text-color);display:flex;font-weight:700;height:40px;justify-content:center;margin:0 auto 1rem;width:40px}.step h3,.step p,footer{color:#000;color:var(--text-color)}footer{background:linear-gradient(744deg,#af40ff,#5b42f3 10%,#00ddeb);padding:2rem 1rem}.footer-content{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-section{flex:1 1;min-width:200px;text-align:center}.footer-section h3,.footer-section h4{color:#000;color:var(--text-color);margin-bottom:1rem}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#000;color:var(--text-color);text-decoration:none;transition:color .3s}.footer-section ul li a:hover{color:#3498db;color:var(--primary-color)}.social-icons{display:flex;gap:1rem}.social-icons a{color:#000;color:var(--text-color);font-size:1.5rem;transition:color .3s}.social-icons a:hover{color:#3498db;color:var(--primary-color)}.icon-space{margin:15px}.footer-bottom{border-top:1px solid #000;border-top:1px solid var(--text-color);color:#000;color:var(--text-color);margin-top:2rem;padding-top:1rem;text-align:center}.footer-section .social-icons{display:flex;gap:10px;justify-content:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feature-card,.step{animation:fadeIn .5s ease-out forwards}.feature-card:first-child{animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.step:first-child{animation-delay:.1s}.step:nth-child(2){animation-delay:.2s}.step:nth-child(3){animation-delay:.3s}.step:nth-child(4){animation-delay:.4s}@media (max-width:768px){.nav-content{flex-direction:column;gap:1rem}.nav-buttons{justify-content:space-between;width:100%}header{padding-top:10rem}h1{font-size:2rem}.feature-cards{grid-template-columns:1fr}.steps{flex-direction:column}}@media (max-width:480px){.nav-buttons{align-items:stretch;flex-direction:column}.switch{align-self:center}}.e-card{border-radius:16px;box-shadow:0 8px 28px -9px #00000073;height:230px;margin:0 auto;overflow:hidden;position:relative;width:240px}.wave{background:linear-gradient(744deg,#af40ff,#5b42f3 60%,#00ddeb);height:700px;left:0;margin-left:-50%;margin-top:-70%;opacity:.6;position:absolute;top:0;width:1340px}.icon{margin-top:0;width:5em}.infotop{font-size:20px;font-weight:600;left:0;position:absolute;right:0;text-align:center;top:5.6em}.name{font-size:14px;font-weight:100;position:relative;top:1em}.wave:nth-child(2),.wave:nth-child(3){top:210px}.playing .wave{animation:wave 3s linear infinite;border-radius:40%}.wave{animation:wave 55s linear infinite;border-radius:40%}.playing .wave:nth-child(2){animation-duration:4s}.wave:nth-child(2){animation-duration:50s}.playing .wave:nth-child(3){animation-duration:5s}.wave:nth-child(3){animation-duration:45s}.flip-card{background-color:initial;font-family:sans-serif;height:274px;perspective:1000px;width:790px}.title{font-size:1.5em;font-weight:900;margin:0;text-align:center}.flip-card-inner{height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .8s;width:100%}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{backface-visibility:hidden;border-radius:1rem;box-shadow:0 8px 14px 0 #0003;display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;width:100%}.flip-card-front{color:#fff}.flip-card-back{color:#fff;display:flex;flex-direction:column;justify-content:start;transform:rotateY(180deg)}@keyframes wave{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.align-to-left{margin-right:auto}.align-to-right{margin-left:auto}.cssbuttons-io-button{-webkit-box-reflect:below 10px linear-gradient(180deg,#0000,#0006);align-items:center;background:#050505;border:none;border-radius:.9em;box-shadow:inset 0 0 1.6em -.6em #714da6;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:17px;font-weight:500;height:2.8em;letter-spacing:.05em;overflow:hidden;padding:.35em 3.3em .35em 1.2em;position:relative}.cssbuttons-io-button .icon{align-items:center;background:#fff;border-radius:.7em;box-shadow:.1em .1em .6em .2em #7b52b9;display:flex;height:2.2em;justify-content:center;margin-left:1em;position:absolute;right:.3em;transition:all .3s;width:2.2em}.cssbuttons-io-button:hover .icon{width:calc(100% - .6em)}.cssbuttons-io-button .icon svg{color:#7b52b9;transition:transform .3s;width:1.1em}.cssbuttons-io-button:hover .icon svg{transform:translateX(.1em)}.cssbuttons-io-button:active .icon{transform:scale(.95)}.remove-line{text-decoration:none}.top-h1{font-size:70px}.top-para{font-size:25px}.namelearnx{font-family:Lobster,cursive;font-size:90px}.register-button{background-color:#645bff!important;font-size:18px!important;margin-left:20px}.logo-name{font-size:44px!important}
/*# sourceMappingURL=main.1a0c36c4.css.map*/