body{background-color:#fff0e5;background-color:var(--bg-color);line-height:1.5;margin:0;padding:0}a,body{color:#1e1e1e;color:var(--text-color)}a{text-decoration:none;transition:color .3s ease}a:hover{color:#4a90e2;color:var(--primary-color);outline:none}nav{left:0;padding:2px;position:-webkit-sticky;position:sticky;top:0;z-index:999}nav .logo{align-items:center;color:#1e1e1e;color:var(--text-color);display:flex;font-size:1.5rem;font-weight:700;text-decoration:none}nav .action,nav .links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.hero{align-items:center;display:flex;flex-wrap:wrap;gap:4rem;justify-content:center;margin:0 auto;max-width:1200px;padding-top:6rem}.hero .left{display:flex;flex:1 1 320px;flex-direction:column;max-width:500px}.hero .left p{font-size:1rem;max-width:100%;word-break:break-word}.hero .left h1{font-size:2.5rem;margin:0 0 1rem;word-break:break-word}.hero .left .buttons{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1.25rem}.get-started{background-color:#4a90e2;background-color:var(--primary-color);border:none;border-radius:.3rem;color:#e0e0e0;cursor:pointer;font-weight:700;padding:.6rem 1.5rem;transition:background-color .3s ease}.get-started:hover{border:2px solid #4a90e2;border:2px solid var(--primary-color);outline:none}.explore,.get-started:hover{background-color:initial;color:#4a90e2;color:var(--primary-color)}.explore{border:2px solid #4a90e2;border:2px solid var(--primary-color);border-radius:.3rem;cursor:pointer;font-weight:700;padding:.6rem 1.5rem;transition:background-color .3s ease,color .3s ease}.explore:hover{background-color:#4a90e2;background-color:var(--primary-color);color:#e0e0e0;outline:none}.hero .right{flex:1 1 320px;max-width:500px;width:100%}.hero .right .header{align-items:center;background-color:#282c34;background-color:var(--code-bg);border-top-left-radius:5px;border-top-right-radius:5px;display:flex;height:30px;margin:0;padding:0 1rem}.hero .right .header p{color:#fff;font-size:.875rem;margin:0;padding:0}.code pre{background-color:#282c34;background-color:var(--code-bg);border-radius:0 0 5px 5px!important;color:#2d2d2d;color:var(--code-text);font-family:JetBrains Mono,monospace,Arial,sans-serif;font-size:.875rem;margin:0!important;overflow-x:auto;padding:1rem}.about{align-items:center;display:flex;flex-direction:column;gap:50px;justify-content:center;padding-top:100px}.about-title{font-size:24px;text-align:center}.about .container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:500px 500px}.lang{align-items:center;display:flex;flex-direction:column;gap:50px;justify-content:center;padding-top:100px}.lang .lang-title{font-size:24px;text-align:center}.lang .container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:500px 500px}.services{align-items:center;display:flex;flex-direction:column;gap:50px;justify-content:center;padding-top:100px}.services .services-title{font-size:24px;text-align:center}.services .container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:500px 500px}.register-footer{align-items:center;background-color:#4a90e2;background-color:var(--primary-color);border:none;border-radius:.3rem;color:#e0e0e0;cursor:pointer;display:flex;font-weight:700;justify-content:center;padding:.6rem 1.5rem;text-align:center;transition:all .5s ease}.register-footer:hover{background-color:initial;border:2px solid #4a90e2;border:2px solid var(--primary-color);color:#4a90e2;color:var(--primary-color);outline:none}.footer{align-items:center;background-color:#fff0e5;background-color:var(--bg-color);border-top:1px solid #000;border-top:1px solid var(--border-color);color:#1e1e1e;color:var(--text-color);display:flex;justify-content:center;margin-top:4rem;padding:2rem 1rem}.footer-container{display:flex;flex-direction:column;gap:1.2rem;margin:0 auto;text-align:center;width:30%}.footer-logo{color:#4a90e2;color:var(--primary-color);font-size:1.5rem;font-weight:700}.footer-links,.footer-socials .links{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.footer-socials{align-items:center;display:flex;flex-direction:column;gap:.5rem}.footer-links a,.footer-socials a{color:#1e1e1e;color:var(--text-color);transition:color .3s ease}.footer-links a:hover,.footer-socials a:hover{color:#4a90e2;color:var(--primary-color)}.footer-socials .title{font-weight:700;padding-bottom:10px;padding-top:20px;text-align:center}.footer-copy{color:#1e1e1e;color:var(--text-color);font-size:.85rem;opacity:.7}.footer .Links{align-items:center;display:flex;justify-content:space-between;width:70%}.footer .framework,.footer .lang{align-items:center;border-left:1px solid #1e1e1e;border-left:1px solid var(--text-color);display:flex;flex-direction:column;gap:1rem;justify-content:center;list-style:none;margin:0 auto;padding:0;text-align:center}.footer .framework .title,.footer .lang .title{color:#4a90e2;color:var(--primary-color);font-weight:700;padding-bottom:10px;padding-top:20px;text-align:center}.footer .framework .links,.footer .lang .links{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:100px 100px}.register{display:flex;height:100vh;margin:0;overflow:hidden;padding:0;width:100vw}.register .left{height:100%;overflow:hidden;width:50%}.register .left img{height:100vh;overflow-x:hidden;width:100%}.register .right{align-items:center;display:flex;height:100vh;justify-content:center;width:50%}.register-title{color:#4a90e2;color:var(--primary-color);font-size:2rem;font-weight:700}.register .right form{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;width:100%}.register .right form input{border:1px solid #000;border:1px solid var(--border-color);border:2px solid #1e1e1e;border:2px solid var(--text-color);border-radius:.3rem;padding:.5rem;width:350px}.register .right form .name{align-items:center;display:flex;justify-content:space-between;.first-name{width:50%;input{border:2px solid #1e1e1e;border:2px solid var(--text-color);width:90%}}.last-name{width:50%;input{border:2px solid #1e1e1e;border:2px solid var(--text-color);width:90%}}}.register-submit{align-items:center;background-color:#4a90e2;background-color:var(--primary-color);border:none;border-radius:.3rem;color:#e0e0e0;cursor:pointer;display:flex;font-weight:700;justify-content:center;padding:.6rem 1.5rem;text-align:center;transition:all .5s ease}.error{color:red;font-size:15px;word-break:break-word}.register-submit:focus,.register-submit:hover{background-color:initial;border:2px solid #4a90e2;border:2px solid var(--primary-color);color:#4a90e2;color:var(--primary-color);outline:none}@media (max-width:1200px){.hero{gap:2rem;padding-top:4rem}.hero .left p{font-size:.95rem;width:100%}.hero .left h1{font-size:2rem}.about .container,.lang .container,.services .container{grid-template-columns:500px}}@media (max-width:920px){.hero{flex-direction:column}}@media (max-width:800px){.register .left{display:none}.register .right{align-items:center;display:flex;justify-content:center;width:100%}}@media (max-width:650px){nav{align-items:flex-start;flex-direction:column;gap:.5rem}nav .action,nav .links{gap:1rem;justify-content:flex-start;width:100%}.footer,.footer-container{gap:1rem}.footer{display:flex;flex-direction:column-reverse}.footer .Links{display:flex;flex-direction:column}.footer .framework,.footer .lang{border:none}}@media (max-width:600px){.hero .left h1{font-size:1.5rem}.about .container,.lang .container,.services .container{grid-template-columns:250px}}@media (max-width:400px){.register .right form input{max-width:250px;width:250px}.register .right form .name{flex-direction:column;.first-name,.last-name{width:250px}}}.hide{display:none}html{font-family:JetBrains Mono,monospace,Arial,sans-serif;font-size:16px;font-weight:800;margin:0;padding:0;scroll-behavior:smooth}nav{background-color:#fff0e5;background-color:var(--bg-color);border-bottom:1px solid #000;border-bottom:1px solid var(--border-color);box-sizing:border-box;height:auto;justify-content:space-between;padding:1rem 16px;width:100%}nav,nav .action{align-items:center;display:flex;flex-wrap:wrap}nav .action{gap:1rem;margin-top:.5rem}nav i{cursor:pointer;font-size:24px;transition:all .2s ease-in-out}nav i:hover{color:#357abd;color:var(--hover-color)}.sidebar{background-color:#fff0e5;background-color:var(--bg-color);border-right:1px solid #000;border-right:1px solid var(--border-color);max-width:240px;padding-left:48px;padding-top:40px;width:100%}.sidebar,.sidebar .access{display:flex;flex-direction:column}.sidebar .access{gap:48px}.sidebar .access div{align-items:center;cursor:pointer;display:flex;flex-direction:row;gap:10px}.sidebar .access .note{background-color:#ffd300;background-color:var(--secondary-color);border:none;border-radius:16px;color:#000;font-size:10px;padding:5px;text-align:center}.sidebar-toggle{display:none}.sidebar .access div i{font-size:24px}.dashboard-container{display:flex;flex-direction:row}.main{display:flex;flex-direction:column;padding-left:48px;width:100%}.main .title{color:#1e1e1e;color:var(--text-color);font-size:32px;font-weight:800;margin-bottom:24px;margin-top:40px}.main .content{box-sizing:border-box}.ads,.main .content{display:flex;flex-direction:column;width:100%}.ads{color:#000;justify-content:center}.ads .card{align-self:center;background-color:#ffd300;background-color:var(--secondary-color);border:1px solid #000;border:1px solid var(--border-color);border-radius:15px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;height:auto;justify-self:center;min-height:200px;padding:8px 32px;transition:all .2s ease-in-out;width:70%}.ads .card>.content{color:#000;display:block;font-size:16px;font-weight:500;text-align:left;width:auto}.ads .card>.title{color:#000;font-size:24px;font-weight:800;margin-bottom:16px}.ads .card>.link{color:#3a10e5;font-size:16px;font-weight:800;margin-top:12px}.ads .card>.link,.main-course .card{cursor:pointer;transition:all .2s ease-in-out}.main-course .card{align-items:center;align-self:center;border:2px solid #000;border:var(--border-color),2px solid;border-radius:15px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;justify-self:center;padding:16px 32px;width:75%}.main-course>.view{margin-left:13%;padding-top:16px}.main-course .card .progress-bar{background-color:#fff0e5;background-color:var(--bg-color);border:1px solid #000;border:var(--border-color),1px solid;border-radius:15px;height:10px;overflow:hidden;position:relative;width:100%}.main-course .card .progress-bar .current{background-color:#4a90e2;background-color:var(--primary-color);height:100%;transition:width .5s ease-in-out;width:0}.main-course .card .content .title{color:#1e1e1e;color:var(--text-color);font-size:24px;font-weight:800;margin-bottom:8px;margin-top:24px}.main-course .card .content>a{color:#4a90e2;color:var(--primary-color);cursor:pointer;margin-top:8px;transition:all .2s ease-in-out}.main-course .card:hover{align-items:center;background-color:#ffd300;background-color:var(--secondary-color);border:2px solid #000;border:2px solid var(--border-color);border-radius:15px;color:#000;display:flex;flex-direction:column;justify-content:center}.main-course .card:hover .content>.title{color:#000;transition:all .2s ease-in-out}.discover{display:flex;flex-direction:column;width:100%}.discover>.content{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:300px 300px;justify-content:center}.discover>.content>div{cursor:pointer;padding:16px 32px;transition:all .2s ease-in-out;width:100%}.discover>.content>div,.discover>.content>div:hover{align-items:center;border:2px solid #000;border:2px solid var(--border-color);border-radius:5px;box-sizing:border-box;display:flex;flex-direction:column;height:auto;justify-content:center}.discover>.content>div:hover{background-color:#ffd300;background-color:var(--secondary-color);color:#000}.discover>.content>div:hover .title{color:#000;transition:all .2s ease-in-out}.discover>.content>div>.title{color:#1e1e1e;color:var(--text-color);font-size:18px;font-weight:800;margin-bottom:16px;margin-top:0;text-align:left}.discover>.content>div>.content{cursor:pointer;font-size:16px;font-weight:600;margin-top:12px;transition:all .2s ease-in-out}@media (max-width:980px){.sidebar{display:none}.sidebar-toggle{align-items:center;background-color:initial;border:2px solid #4a90e2;border:2px solid var(--primary-color);border-radius:5px;color:#4a90e2;color:var(--primary-color);cursor:pointer;display:flex;font-size:16px;font-weight:800;height:50px;justify-content:center;justify-self:center;margin:20px 0;transition:all .2s ease-in-out;width:75%}.sidebar-toggle:hover{background-color:#4a90e2;background-color:var(--primary-color);color:#e0e0e0;outline:none}.show-sidebar{align-items:center;display:flex;flex-direction:column;height:100%;left:0;max-width:none;padding-left:0;position:fixed;width:100vw;z-index:100}}@media (max-width:700px){.discover>.content{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:300px;justify-content:center}}.premium{display:flex;flex-direction:column}.plus-plan>.title,.premium>.title{color:#4a90e2;color:var(--primary-color);font-size:2rem;font-weight:700;margin-bottom:1rem;margin-top:2rem;text-align:center}.plan,.plus-plan{align-items:stretch;display:flex;flex-direction:row;gap:1.5rem;justify-content:center}.plan>.card{background-color:#fff0e5;background-color:var(--bg-color);border:2px solid #4a90e2;border:2px solid var(--primary-color);border-radius:10px;box-shadow:0 2px 6px #00000026;color:#1e1e1e;color:var(--text-color);display:flex;flex-direction:column;margin:1rem;max-width:360px;padding:1rem;transition:all .3s ease;width:100%}.plan>.card .title,.plus-plan>.card .title{color:#4a90e2;color:var(--primary-color);font-size:1.8rem;margin-bottom:1rem;text-align:center}.plan>.card .price,.plus-plan>.card .price{align-items:center;color:#4a90e2;color:var(--primary-color);display:flex;flex-direction:column;font-size:1.3rem;justify-content:center;margin:1rem 0;text-align:center}.plan>.card .price .note,.plus-plan>.card .price .note{color:#1e1e1e;color:var(--text-color);font-size:.9rem;opacity:.7}.plan>.card .paid,.plus-plan>.card .paid{align-items:center;border:2px solid #4a90e2;border:2px solid var(--primary-color);border-radius:10px;display:flex;justify-content:center;margin:auto;overflow:hidden;width:-webkit-fit-content;width:fit-content}.plan>.card .paid button,.plus-plan>.card .paid button{background:none;border:none;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.6rem 1.4rem;transition:all .25s ease}.plus-plan{align-items:center;display:flex;flex-direction:column;justify-content:center}.plus-plan>.card{background-color:#fff0e5;background-color:var(--bg-color);border:2px solid #4a90e2;border:2px solid var(--primary-color);border-radius:10px;box-shadow:0 2px 6px #00000026;color:#1e1e1e;color:var(--text-color);margin:1rem;max-width:82vw;padding:1rem;transition:all .3s ease;width:100%}.plan>.card .paid button.active,.plus-plan>.card .paid button.active{background:#4a90e2;background:var(--primary-color);box-shadow:inset 0 -3px 6px #0000004d;color:#fff}.plan>.card .paid button.inactive,.plus-plan>.card .paid button.inactive{background:#fff0e5;background:var(--bg-color);color:#4a90e2;color:var(--primary-color)}.plan>.card .paid button.inactive:hover,.plus-plan>.card .paid button.inactive:hover{background:#357abd;background:var(--hover-color);color:#fff}.plan>.card .btn button,.plus-plan>.card .btn button{background:linear-gradient(135deg,#4a90e2,#357abd);background:linear-gradient(135deg,var(--primary-color),var(--hover-color));border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:.7rem 1.2rem;transition:all .3s ease;width:100%}.plan>.card .btn button:hover,.plus-plan>.card .btn button:hover{box-shadow:0 5px 12px #0003;transform:translateY(-2px)}.plan>.card .recomend,.plus-plan>.card .recomend{background:#4a90e20d;border:1px solid #000;border:1px solid var(--border-color);border-radius:10px;display:flex;flex-direction:column;gap:1rem;margin-top:1.2rem;padding:1rem}.plan>.card .recomend>div,.plus-plan>.card .recomend>div{background:#fff0e5;background:var(--bg-color);border-left:4px solid #4a90e2;border-left:4px solid var(--primary-color);border-radius:6px;padding:.8rem 1rem;transition:all .3s ease}.plan>.card .recomend>div:hover,.plus-plan>.card .recomend>div:hover{box-shadow:0 4px 10px #00000026;transform:translateY(-2px)}.plan>.card .recomend .question,.plus-plan>.card .recomend .question{color:#4a90e2;color:var(--primary-color);font-size:1rem;font-weight:600;margin-bottom:.4rem}.plan>.card .recomend .answer,.plus-plan>.card .recomend .answer{color:#1e1e1e;color:var(--text-color);font-size:.9rem;line-height:1.4;opacity:.9}.plan>.card .features,.plus-plan>.card .features{display:flex;flex-direction:column;gap:.8rem;margin-top:1rem}.plan>.card .recomend>div,.plus-plan>.card .recomend>div{display:flex;flex-direction:column;gap:.5rem}.plan>.card .recomend>div span.feature,.plus-plan>.card .recomend>div span.feature{align-items:center;color:#1e1e1e;color:var(--text-color);display:flex;font-size:1rem;gap:.5rem}.plan>.card .recomend>div span.feature:before,.plus-plan>.card .recomend>div span.feature:before{color:#ffd300;color:var(--secondary-color);content:"✔";font-weight:700}.feature>div>span{padding-left:8px}@media (max-width:1000px){.plan{align-items:center;flex-direction:column;justify-content:center}}@media (max-width:500px){.plan .card{max-width:200px}.plus-plan>.title,.premium>.title{font-size:1.5rem}.plan>.card .title,.plus-plan>.card .title{font-size:1.4rem}.plan>.card .price,.plus-plan>.card .price{font-size:1rem}}.hide-desktop{display:none}.hide-mobile{display:block}.card-s{background:#fff;border:1px solid #000;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 10px #0000001a;box-sizing:border-box;max-width:100%;padding:1.5rem}:root.dark .card-s{background:#1e1e1e}.userSidebar{background:#fff0e5;background:var(--bg-color);border:1px solid #000;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;gap:1.2rem;padding:1rem;width:240px}:root.dark .userSidebar{background:#1e1e1e}.sidebar-header{align-items:center;color:#4a90e2;color:var(--primary-color);display:flex;font-weight:700;gap:.8rem;margin-bottom:.5rem}.sidebar-header .back{color:#ffd300;color:var(--secondary-color);cursor:pointer;font-size:1.2rem;transition:color .2s ease}.sidebar-header .back:hover{color:#357abd;color:var(--hover-color)}.sidebar-content{display:flex;flex-direction:column;gap:.6rem}.sidebar-item{border-radius:8px;color:#1e1e1e;color:var(--text-color);cursor:pointer;font-size:.95rem;padding:.7rem 1rem;transition:background .2s ease,color .2s ease}.sidebar-item:hover{background:#357abd;background:var(--hover-color);color:#fff}.sidebar-item.active{background:#4a90e2;background:var(--primary-color);color:#fff;font-weight:700}.sidebar-item.logout-sec{color:crimson;font-weight:700;margin-top:auto}.sidebar-item.logout-sec:hover{background:#dc143c1a}.user-setting{background:#fff0e5;background:var(--bg-color);color:#1e1e1e;color:var(--text-color);font-family:Segoe UI,sans-serif;min-height:100vh;padding:1rem}.user-setting .main-title{color:#4a90e2;color:var(--primary-color);font-size:2rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.user-setting .container{display:flex;gap:2rem;overflow:hidden;width:100%}.user-setting .content{flex:1 1;overflow:hidden}.section{display:flex;flex-direction:column;gap:1.5rem}.section label{color:#ffd300;color:var(--secondary-color);display:block;font-size:.9rem;font-weight:700;margin-bottom:.3rem}.section input{background:#00000008;border:1px solid #000;border:1px solid var(--border-color);border-radius:6px;font-size:.95rem;padding:.5rem .7rem;width:100%}:root.dark .section input{background:#ffffff0d}.main-sec{display:flex;flex-direction:column;gap:1.2rem}.main-sec .name{display:flex;gap:1rem}.sec>div{flex:1 1;max-width:200px}.general-info,.security-info{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.cpb{background-color:#4a90e2;background-color:var(--primary-color);border-radius:.3rem;color:#000;cursor:pointer;font-weight:700;margin-top:1rem;padding:.5rem 1rem;text-align:center;transition:background-color .3s ease,color .3s ease}.cpb,.cpb:hover{border:2px solid #4a90e2;border:2px solid var(--primary-color)}.cpb:hover{background-color:initial;color:#4a90e2;color:var(--primary-color);outline:none}.change-popup{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.change-popup form{align-items:center;background-color:#4a90e2;background-color:var(--primary-color);border-radius:.5rem;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;padding:2rem;text-align:center}.change-popup .popup .title{color:#fff;font-size:1.5rem;margin-bottom:1rem}.popup input{background-color:#fff3;border:1px solid #fff;border-radius:.3rem;color:#fff;margin-bottom:1rem;padding:.5rem;width:auto}.popup button{background-color:#fff;border:2px solid #4a90e2;border:2px solid var(--primary-color);border-radius:.3rem;color:#4a90e2;color:var(--primary-color);cursor:pointer;font-weight:700;margin-top:1rem;padding:.5rem 1rem;text-align:center;transition:background-color .3s ease,color .3s ease}.popup>.button>.cancel{background-color:red;color:#fff}.popup input::placeholder{color:#fff}.card-s h2{border-bottom:1px solid #000;border-bottom:1px solid var(--border-color);color:#4a90e2;color:var(--primary-color);font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem}.setup-btn{background:#ffd300;background:var(--secondary-color);border:none;border-radius:.3rem;cursor:pointer;font-weight:700;margin-top:1rem;padding:.5rem 1rem}.setup-btn:hover{background:#357abd;background:var(--hover-color);color:#fff}.activity-item{padding:.7rem}.logout-btn{background:crimson;border:none;border-radius:.3rem;color:#fff;cursor:pointer;margin-top:1rem;padding:.6rem 1rem}.logout-btn:hover{background:darkred}.danger-zone{border:2px solid crimson}.danger-zone h2{color:crimson}.delete-btn{background:crimson;border:none;border-radius:.3rem;color:#fff;cursor:pointer;padding:.6rem 1.2rem}.delete-btn:hover{background:darkred}.card-s{margin-bottom:2rem}.popup .input{margin-bottom:1rem}.popup .button{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.activity-item{margin-bottom:.5rem}.activity{display:flex;flex-direction:column;gap:1rem}.activity-item{align-items:center;background:#0000000d;border-radius:8px;display:flex;flex-wrap:wrap;font-size:.9rem;gap:.5rem;justify-content:space-between;padding:.7rem 1rem}:root.dark .activity-item{background:#ffffff0d}.activity-item .device{font-weight:700}@media (max-width:700px){.hide-mobile{display:none}.hide-desktop{display:block}.user-setting .container{flex-direction:column}.userSidebar{box-sizing:border-box;flex-direction:row;flex-wrap:wrap;gap:.5rem;height:100px;justify-content:space-between;overflow-y:hidden;width:100%}.userSidebar>.sidebar-content{height:100px;overflow-x:scroll;overflow-y:hidden}.userSidebar>.sidebar-content::-webkit-scrollbar{background-color:initial;height:5px}.userSidebar>.sidebar-content::-webkit-scrollbar-thumb{background-color:#000;background-color:var(--border-color);border-radius:10px}.sidebar-content{display:flex;flex:0 0 100%;flex-wrap:wrap;gap:.5rem}.sidebar-item{flex-basis:calc(50% - 0.5rem);flex-grow:1;flex-shrink:1;text-align:center}.section{gap:1rem}}@media (max-width:350px){.sidebar-item{flex:1 1 100%}}:root{--bg-color:#fff0e5;--text-color:#1e1e1e;--primary-color:#4a90e2;--secondary-color:#ffd300;--code-bg:#282c34;--code-text:#2d2d2d;--border-color:#000;--hover-color:#357abd;--card-bg:#fff;--card-text:#1e1e1e}:root.dark{--bg-color:#121212;--text-color:#e0e0e0;--primary-color:#4a90e2;--secondary-color:#ffd300;--code-bg:#282c34;--code-text:#c5c8c6;--border-color:#333;--hover-color:#6ca0f6;--card-bg:#1e1e1e;--card-text:#e0e0e0}.course{background-color:#fff0e5;background-color:var(--bg-color);color:#1e1e1e;color:var(--text-color);height:100vh}.course,.course>.content{display:flex;flex-direction:column}.course>.content{align-items:center;flex:1 1;width:100%}.course>.content>.title{align-items:center;align-self:flex-start;color:#fff;display:flex;flex-direction:row;gap:10px;padding:20px}.course>.content>.title>i{cursor:pointer;font-size:24px;transition:all .3s ease-in-out}.course>.content>.title>i:hover{color:#357abd;color:var(--hover-color)}.search>.content{align-items:center;display:flex;flex-direction:row}.search{margin-bottom:20px;text-align:center}.search .Content{align-items:center;display:flex;flex-direction:column;gap:10px}.search input{border:1px solid #000;border:1px solid var(--border-color);border-bottom-left-radius:6px;border-top-left-radius:6px;padding:10px;width:250px}.search button{background:#4a90e2;background:var(--primary-color);border:none;border-bottom-right-radius:6px;border-top-right-radius:6px;color:#fff;cursor:pointer;padding:10px 20px;transition:background .2s ease}.search button:hover{background:#357abd;background:var(--hover-color)}.courses{align-items:center;background-color:#4a90e2;background-color:var(--primary-color);color:#fff;display:flex;flex:1 1;flex-direction:column;margin-top:20px;overflow-y:auto;padding-top:10px;width:100%}.courses::-webkit-scrollbar{background-color:initial;width:8px}.courses::-webkit-scrollbar-thumb{background-color:#fff9;border-radius:4px}.courses::-webkit-scrollbar-thumb:hover{background-color:#fff}.courses{scrollbar-color:#fff9 #0000;scrollbar-width:thin}.courses .card{align-items:flex-start;background-color:#fff;background-color:var(--card-bg);border:2px solid #000;border:2px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#1e1e1e;color:var(--card-text);cursor:pointer;display:flex;flex-direction:column;margin:10px;max-width:300px;padding:20px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.courses .card:hover{box-shadow:0 6px 16px #00000026;transform:translateY(-4px)}.courses .card .title{font-size:1.2rem;font-weight:700;margin-bottom:8px}.courses .card .dis{font-size:.95rem;margin-bottom:12px}.courses .card .more-info{display:flex;font-size:.85rem;gap:10px;margin-bottom:16px}.courses .card .enroll-btn{align-self:flex-end;background:#4a90e2;background:var(--primary-color);border-radius:6px;color:#fff;font-weight:700;padding:8px 16px;text-decoration:none;transition:background .2s ease}.courses .card .enroll-btn:hover{background:#357abd;background:var(--hover-color)}
/*# sourceMappingURL=main.16b42777.css.map*/