*{margin:0%;padding:0%;box-sizing:border-box}html,body{height:100%;width:100%;overflow-y:hidden}#root{height:100%;width:100%;background-color:#000}.HomeMain{height:100%;width:100%;overflow-y:auto;scrollbar-width:thin}.HomeMain .welcomMsg{height:80%;width:98%;background-color:#0f172a;display:flex;align-items:center;justify-content:center;margin-left:10px}.HomeMain .welcomMsg .msg{height:100%;width:50%;display:flex;align-items:center;flex-direction:column;color:#fff;margin-top:20px}.HomeMain .welcomMsg .msg h1{font-size:4vw;margin-top:30px;font-weight:lighter;font-family:Courier New,monospace}.HomeMain .welcomMsg .msg h2{font-size:4vw;font-family:Courier New,monospace;font-weight:lighter}.HomeMain .welcomMsg .msg p{width:70%;margin-top:20px;line-height:30px}.HomeMain .welcomMsg .msg a{color:#fff;text-decoration:none;background-color:#3b82f6;padding:10px;width:40%;margin-top:20px;border-radius:20px;text-align:center;font-size:1.5vw;font-weight:bolder;font-family:Courier New,monospace}.HomeMain .welcomMsg .msg a:hover{background-color:#3b82f6}.HomeMain .welcomMsg #img{height:100%;width:50%;display:flex}.HomeMain .welcomMsg #img img{height:65%;border-radius:20px;margin-top:50px}.HomeMain #services{height:auto;width:98%;margin-left:10px;background-color:#fff;padding:60px 0;box-sizing:border-box}.HomeMain #services .container{max-width:1200px;margin:0 auto;padding:0 20px}.HomeMain #services .section-header{text-align:center;max-width:650px;margin:0 auto 40px}.HomeMain #services .badge{display:inline-block;background-color:#e0e7ff;color:#4338ca;font-size:.875rem;font-weight:600;padding:6px 16px;border-radius:20px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.HomeMain #services .section-header h2{font-size:2.25rem;font-weight:700;color:#0f172a;margin-bottom:14px;line-height:1.2;font-family:Courier New,monospace}.HomeMain #services .section-header p{font-size:1.1rem;color:#64748b;line-height:1.6;margin:0}.HomeMain #services .highlights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.HomeMain #services .highlight-card{background-color:#fff;padding:28px 20px;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d;transition:transform .25s ease,box-shadow .25s ease}.HomeMain #services .highlight-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #00000014}.HomeMain #services .icon-wrapper{width:50px;height:50px;background-color:#eff6ff;color:#2563eb;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.HomeMain #services .highlight-card h3{font-size:1.2rem;font-weight:600;color:#1e293b;margin-bottom:10px;font-family:Courier New,monospace}.HomeMain #services .highlight-card p{font-size:.95rem;color:#64748b;line-height:1.5;margin:0}.HomeMain #courses{height:auto;margin-left:10px;background-color:#f8fafc;padding:60px 0;box-sizing:border-box;overflow:hidden}.HomeMain #courses .container{max-width:1200px;margin:0 auto;padding:0 20px;overflow:hidden}.HomeMain #courses .section-header{text-align:center;max-width:650px;margin:0 auto}.HomeMain #courses .badge{display:inline-block;background-color:#e0e7ff;color:#4338ca;font-size:.875rem;font-weight:600;padding:6px 16px;border-radius:20px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.HomeMain #courses .section-header h2{font-size:2.25rem;font-weight:700;color:#0f172a;margin-bottom:14px;line-height:1.2;font-family:Courier New,monospace}.HomeMain #courses .section-header p{font-size:1.1rem;color:#64748b;line-height:1.6;margin:0}.HomeMain #courses .courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}.HomeMain #courses .course-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:30px 24px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 4px 6px -1px #0000000a;transition:transform .25s ease,box-shadow .25s ease}.HomeMain #courses .course-card:hover{transform:translateY(-5px);box-shadow:0 12px 20px -3px #00000014}.HomeMain #courses .course-badge{display:inline-block;background-color:#dbeafe;color:#2563eb;font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:6px;margin-bottom:12px;text-transform:uppercase}.HomeMain #courses .course-card h3{font-size:1.35rem;font-weight:700;color:#0f172a;margin-bottom:8px;font-family:Courier New,monospace}.HomeMain #courses .meta-info{display:flex;gap:16px;font-size:.875rem;color:#64748b;font-weight:500;margin-bottom:16px}.HomeMain #courses .description{font-size:.975rem;color:#475569;line-height:1.5;margin-bottom:20px}.HomeMain #courses .skills-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.HomeMain #courses .tag{background-color:#f1f5f9;color:#334155;font-size:.8rem;font-weight:500;padding:4px 10px;border-radius:6px}.HomeMain #courses .card-footer{margin-top:auto;width:30%;margin-left:35%}.HomeMain #courses .serviceBtn{display:block;text-align:center;background-color:#2563eb;color:#fff;text-decoration:none;font-weight:600;padding:12px 0;border-radius:8px;transition:background-color .2s ease;font-family:Courier New,monospace}.HomeMain #courses .serviceBtn:hover{background-color:#1d4ed8;text-decoration:none}.HomeMain #about{height:auto;width:98%;margin-left:10px;background-color:#fff;padding:60px 0;box-sizing:border-box}.HomeMain #about .container{max-width:1200px;margin:0 auto;padding:0 20px}.HomeMain #about .about-wrapper{max-width:850px;margin:0 auto;text-align:center}.HomeMain #about .badge{display:inline-block;background-color:#e0e7ff;color:#4338ca;font-size:.875rem;font-weight:600;padding:6px 16px;border-radius:20px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.HomeMain #about h2{font-size:2.25rem;font-weight:700;color:#0f172a;margin-bottom:18px;line-height:1.25;font-family:Courier New,monospace}.HomeMain #about .description{font-size:1.1rem;color:#475569;line-height:1.7;margin-bottom:36px}.HomeMain #about .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;background-color:#f8fafc;padding:24px;border-radius:12px;border:1px solid #e2e8f0;margin-bottom:32px}.HomeMain #about .stat-item h3{font-size:1.5rem;font-weight:700;color:#2563eb;margin-bottom:4px;font-family:Courier New,monospace}.HomeMain #about .stat-item p{font-size:.9rem;color:#64748b;margin:0;font-weight:500}.HomeMain #about .about-cta{display:flex;justify-content:center}.HomeMain #about .serviceBtn{display:inline-block;background-color:#2563eb;color:#fff;text-decoration:none;font-weight:600;padding:12px 28px;border-radius:8px;transition:background-color .2s ease;font-family:Courier New,monospace}.HomeMain #about .serviceBtn:hover{background-color:#1d4ed8;text-decoration:none}.HomeMain #how-it-works{height:au;width:98%;margin-left:10px;background-color:#0f172a;padding:60px 0;box-sizing:border-box}.HomeMain #how-it-works .container{max-width:1200px;margin:0 auto;padding:0 20px}.HomeMain #how-it-works .section-header{text-align:center;max-width:650px;margin:0 auto 40px}.HomeMain #how-it-works .badge{display:inline-block;background-color:#3b82f626;color:#60a5fa;font-size:.875rem;font-weight:600;padding:6px 16px;border-radius:20px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(96,165,250,.2)}.HomeMain #how-it-works .section-header h2{font-size:2.25rem;font-weight:700;color:#fff;margin-bottom:14px;line-height:1.2;font-family:Courier New,monospace}.HomeMain #how-it-works .section-header p{font-size:1.1rem;color:#94a3b8;line-height:1.6;margin:0}.HomeMain #how-it-works .steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px}.HomeMain #how-it-works .step-card{background-color:#1e293b;padding:30px 20px;border-radius:12px;border:1px solid #334155;box-shadow:0 4px 6px -1px #0000004d;transition:transform .25s ease,border-color .25s ease;position:relative}.HomeMain #how-it-works .step-card:hover{transform:translateY(-4px);border-color:#3b82f6}.HomeMain #how-it-works .step-number{font-size:1.8rem;font-weight:800;color:#3b82f6;background-color:#3b82f61a;width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;border:1px solid rgba(59,130,246,.2)}.HomeMain #how-it-works .step-card h3{font-size:1.2rem;font-weight:600;color:#f8fafc;margin-bottom:10px;font-family:Courier New,monospace}.HomeMain #how-it-works .step-card p{font-size:.95rem;color:#94a3b8;line-height:1.5;margin:0}.HomeMain #faq{height:auto;width:98%;margin-left:10px;background-color:#f8fafc;padding:60px 0;box-sizing:border-box}.HomeMain #faq .container{max-width:900px;margin:0 auto;padding:0 20px}.HomeMain #faq .section-header{text-align:center;max-width:650px;margin:0 auto 40px}.HomeMain #faq .badge{display:inline-block;background-color:#e0e7ff;color:#4338ca;font-size:.875rem;font-weight:600;padding:6px 16px;border-radius:20px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.HomeMain #faq .section-header h2{font-size:2.25rem;font-weight:700;color:#0f172a;margin-bottom:14px;line-height:1.2;font-family:Courier New,monospace}.HomeMain #faq .section-header p{font-size:1.1rem;color:#64748b;line-height:1.6;margin:0}.HomeMain #faq .faq-accordion{display:flex;flex-direction:column;gap:16px}.HomeMain #faq .faq-item{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.HomeMain #faq .faq-item.active{border-color:#2563eb;box-shadow:0 4px 12px #2563eb14}.HomeMain #faq .faq-question{width:100%;text-align:left;padding:20px 24px;background:none;border:none;display:flex;justify-content:space-between;align-items:center;font-size:1.1rem;font-weight:600;color:#0f172a;cursor:pointer;outline:none;font-family:Courier New,monospace}.HomeMain #faq .faq-question:hover{color:#2563eb}.HomeMain #faq .faq-icon{font-size:1.5rem;font-weight:400;color:#2563eb;margin-left:16px}.HomeMain #faq .faq-answer{padding:0 24px 20px}.HomeMain #faq .faq-answer p{font-size:.975rem;color:#475569;line-height:1.6;margin:0}.HomeMain #cta{height:80%;width:98%;margin-left:10px;background-color:#0f172a;padding:80px 0;box-sizing:border-box}.HomeMain #cta .container{max-width:1000px;margin:0 auto;padding:0 20px}.HomeMain #cta .cta-wrapper{text-align:center;max-width:700px;margin:0 auto}.HomeMain #cta .badge{display:inline-block;background-color:#3b82f626;color:#60a5fa;font-size:.875rem;font-weight:600;padding:6px 16px;border-radius:20px;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(96,165,250,.2)}.HomeMain #cta h2{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:16px;line-height:1.2;font-family:Courier New,monospace}.HomeMain #cta p{font-size:1.15rem;color:#94a3b8;line-height:1.6;margin-bottom:36px}.HomeMain #cta .cta-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.HomeMain #cta .serviceBtn{display:inline-block;font-weight:600;padding:14px 32px;border-radius:8px;text-decoration:none!important;transition:all .2s ease;font-family:Courier New,monospace}.HomeMain #cta .primaryBtn{background-color:#2563eb;color:#fff!important}.HomeMain #cta .primaryBtn:hover{background-color:#1d4ed8}.HomeMain #cta .secondaryBtn{background-color:transparent;color:#f8fafc!important;border:1px solid #475569}.HomeMain #cta .secondaryBtn:hover{background-color:#1e293b;border-color:#64748b}@media(max-width:600px){.HomeMain .welcomMsg{height:100%;width:100%;margin:0;display:flex;flex-direction:column-reverse}.HomeMain .welcomMsg .msg{height:60%;width:100%;margin:0}.HomeMain .welcomMsg .msg h1{font-size:10vw;margin-top:15px}.HomeMain .welcomMsg .msg h2{font-size:10vw}.HomeMain .welcomMsg .msg p{width:90%;text-align:center;margin-top:10px;font-size:4vw;line-height:25px}.HomeMain .welcomMsg .msg a{margin:20px 0 0;padding:10px;width:60%;font-size:5vw;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.HomeMain .welcomMsg #img{height:40%;width:100%;border-radius:10px}.HomeMain .welcomMsg #img img{height:95%;margin:0 0 0 8px}.HomeMain #services{height:auto;width:100%;margin:0;padding:40px 16px;background-color:#fff}.HomeMain #services .section-header h2{font-size:1.75rem}.HomeMain #services .highlights-grid{grid-template-columns:1fr}.HomeMain #courses{display:none}.HomeMain #about{height:auto;width:100%;margin:0;padding:40px 16px;background-color:#fff}.HomeMain #about h2{font-size:1.75rem}.HomeMain #about .description{font-size:1rem}.HomeMain #about .stats-grid{grid-template-columns:1fr;gap:16px}.HomeMain #how-it-works{height:auto;width:100%;margin:0;padding:40px 16px;background-color:#0f172a}.HomeMain #how-it-works .section-header h2{font-size:1.75rem}.HomeMain #how-it-works .steps-grid{grid-template-columns:1fr}.HomeMain #faq{height:auto;width:100%;margin:0;padding:40px 16px;background-color:#f8fafc}.HomeMain #faq .section-header h2{font-size:1.75rem}.HomeMain #faq .faq-question{font-size:1rem;padding:16px}.HomeMain #faq .faq-answer{padding:0 16px 16px}.HomeMain #cta{height:70%;width:100%;margin:0;padding:50px 16px;background-color:#0f172a}.HomeMain #cta h2{font-size:1.85rem}.HomeMain #cta p{font-size:1rem}.HomeMain #cta .cta-actions{flex-direction:column}.HomeMain #cta .serviceBtn{width:100%;text-align:center;box-sizing:border-box}}#footer{height:80%;width:98%;margin-left:10px;background-color:#020617;color:#94a3b8;padding:60px 0 20px;box-sizing:border-box;border-top:1px solid #1e293b}#footer .container{max-width:1200px;margin:0 auto;padding:0 20px}#footer .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;margin-bottom:50px}#footer .footer-col h3.footer-logo{font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:16px;font-family:Courier New,monospace}#footer .footer-col .brand-description{font-size:.95rem;line-height:1.6;color:#94a3b8}#footer .footer-col h4{font-size:1.1rem;font-weight:600;color:#f8fafc;margin-bottom:20px;position:relative;font-family:Courier New,monospace}#footer .footer-col ul{list-style:none;padding:0;margin:0}#footer .footer-col ul li{margin-bottom:12px}#footer .footer-col ul li a{color:#94a3b8;text-decoration:none;font-size:.95rem;transition:color .2s ease}#footer .footer-col ul li a:hover{color:#38bdf8}#footer .contact-info li{font-size:.95rem;line-height:1.5;color:#94a3b8}#footer .footer-bottom{border-top:1px solid #1e293b;padding-top:24px;text-align:center;font-size:.875rem;color:#64748b}@media(max-width:900px){#footer .footer-grid{grid-template-columns:1fr 1fr;gap:30px}}@media(max-width:600px){#footer{height:auto;width:100%;margin:0;padding:40px 16px 20px;background-color:#020617}#footer .footer-grid{grid-template-columns:1fr;gap:30px}}.MainApp{height:100%;width:100%;display:flex}#courses{height:100%;width:98%;margin-left:10px;background-color:#f8fafc;padding:40px 0;overflow-y:scroll;scrollbar-width:thin}#courses .container{max-width:1200px;margin:0 auto;padding:0 20px}#courses .section-header{text-align:center;max-width:650px;margin:0 auto 40px}#courses .badge{display:inline-block;background-color:#e0e7ff;color:#4338ca;font-size:.875rem;font-weight:600;padding:6px 16px;border-radius:20px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}#courses .section-header h2{font-size:2.25rem;font-weight:700;color:#0f172a;margin-bottom:14px;line-height:1.2;font-family:Courier New,monospace}#courses .section-header p{font-size:1.1rem;color:#64748b;line-height:1.6;margin:0}#courses .courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}#courses .course-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:30px 24px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 4px 6px -1px #0000000a;transition:transform .25s ease,box-shadow .25s ease}#courses .course-card:hover{transform:translateY(-5px);box-shadow:0 12px 20px -3px #00000014}#courses .course-badge{display:inline-block;background-color:#dbeafe;color:#2563eb;font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:6px;margin-bottom:12px;text-transform:uppercase}#courses .course-card h3{font-size:1.35rem;font-weight:700;color:#0f172a;margin-bottom:8px;font-family:Courier New,monospace}#courses .meta-info{display:flex;gap:16px;font-size:.875rem;color:#64748b;font-weight:500;margin-bottom:16px}#courses .description{font-size:.975rem;color:#475569;line-height:1.5;margin-bottom:20px}#courses .skills-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}#courses .tag{background-color:#f1f5f9;color:#334155;font-size:.8rem;font-weight:500;padding:4px 10px;border-radius:6px}#courses .card-footer{margin-top:auto}#courses .serviceBtn{display:block;text-align:center;background-color:#2563eb;color:#fff;text-decoration:none;font-weight:600;padding:12px 0;border-radius:8px;transition:background-color .2s ease;font-family:Courier New,monospace}#courses .serviceBtn:hover{background-color:#1d4ed8;text-decoration:none}@media(max-width:600px){#courses{max-height:100vh;width:100%;margin:0;padding:30px 16px;overflow-y:scroll}#courses .section-header h2{font-size:1.75rem}#courses .courses-grid{grid-template-columns:1fr;gap:20px}}.aboutMain{display:flex;height:100%;gap:40px;width:98%;margin:0 auto;padding:30px 20px;background-color:#fff;color:#1e293b;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-y:scroll;scrollbar-width:thin}#leftMain{flex:0 0 280px;display:flex;flex-direction:column;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;padding:30px 20px;border-radius:16px;box-shadow:0 4px 12px #00000008;height:fit-content}#leftMain .img{width:180px;height:180px;border-radius:50%;overflow:hidden;border:4px solid #2563eb;box-shadow:0 8px 20px #2563eb2e;margin-bottom:24px}#leftMain .img img{width:100%;height:100%;object-fit:cover}#other{display:flex;gap:16px;justify-content:center;align-items:center}#other a{display:inline-flex;padding:10px;border-radius:50%;background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 6px #0000000d;transition:all .25s ease}#other a:hover{border-color:#2563eb;transform:translateY(-3px);box-shadow:0 6px 14px #2563eb4d}#other img{width:22px;height:22px;object-fit:contain;transition:filter .25s ease}#rightMain{flex:1;display:flex;flex-direction:column;gap:20px}#rightMain::-webkit-scrollbar{width:8px}#rightMain::-webkit-scrollbar-track{background:#f1f5f9;border-radius:8px}#rightMain::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px;border:2px solid #f1f5f9;transition:background .2s ease}#rightMain::-webkit-scrollbar-thumb:hover{background:#2563eb}#rightMain .title{font-size:1.15rem;font-weight:700;color:#1e3a8a;letter-spacing:.8px;margin-bottom:8px;text-transform:uppercase;border-bottom:2px solid #3b82f6;padding-bottom:6px}#rightMain .description{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:12px;box-shadow:0 2px 8px #00000005}#rightMain .description p{line-height:1.7;color:#334155;font-size:.98rem;margin:6px 0;white-space:pre-line}#rightMain .description a{color:#2563eb;text-decoration:none;font-weight:600;transition:color .2s ease;word-break:break-all}#rightMain .description a:hover{color:#1d4ed8;text-decoration:underline}.mapContainer{width:100%;margin-top:10px;padding:12px;border-radius:8px;box-sizing:border-box}.mapContainer iframe{display:block;width:100%;height:400px;border-radius:6px;border:none;margin-right:50px}.mapImageLink{width:100%;height:250px;display:block;position:relative;overflow:hidden;border-radius:10px;cursor:pointer}.mapImage{width:100%;height:100%;display:block;object-fit:cover}.mapOverlay{position:absolute;left:0;right:0;bottom:0;padding:12px;text-align:center;color:#fff;background:#0009}.mapImageLink:hover .mapImage{transform:scale(1.03)}.mapImage{transition:transform .3s ease}@media(max-width:768px){.aboutMain{flex-direction:column;padding:20px 16px;gap:24px}#leftMain{width:100%;box-sizing:border-box}#rightMain{width:100%}#rightMain .title{font-size:1.05rem}.mapContainer{padding:0}.mapContainer iframe{width:100%;height:300px;margin-right:0}}.service{height:95%;width:16%;background-color:#fff;display:flex;flex-direction:column;margin-top:10px;margin-left:10px}.service img{height:10%;width:30%;margin-top:10px;margin-left:5px;border-radius:10%;align-items:self-start;margin-bottom:30px}.service .serviceBtn{color:#000;height:10%;width:100%;display:flex;font-family:Courier New,monospace;margin-top:10px;font-size:1.3vw;text-decoration:none;border-radius:10px;font-weight:bolder}.service .serviceBtn span{margin-left:5px;width:100%}.service .serviceBtn i{display:block;margin-left:5px}.service .serviceBtn:hover{color:#0171e2}.service i,.service .menu{display:none}@media(max-width:600px){.service{display:inline-flex;height:8%;width:100%;margin:10px 0 0;flex-direction:row;background-color:#fff}.service img{height:70%;width:10%;margin-top:7px;border-radius:10%;margin-left:10px}.service .serviceBtn{width:30%;height:50%;margin:15px 0 0;font-size:4vw;background-color:unset;font-weight:bolder;color:#000;display:flex;align-items:center;justify-content:center}.service .serviceBtn span{margin:0;width:100%}.service .hideServiceBtn{display:none}.service i{display:block;margin:5%;color:#000}.service .menu{right:10px;top:50px;position:absolute;display:block;height:150px;width:40%;padding:10px;background-color:#fff;box-shadow:0 0 2px #000}.service .menu .serviceBtn{width:100%;height:25%;color:#000}.service .menu .hideServiceBtn{display:block;margin:0}}.leyoutMain{display:flex;height:100%;width:100%}.leyoutMain .Outlet{height:95%;width:100%;background-color:#000;margin-top:10px}@media(max-width:630px){.leyoutMain{display:block}}.applyMain{height:100%;width:98%;background-color:#fff;margin-left:10px;font-family:Courier New,monospace}.applyMain .success{height:200px;width:300px;background-color:#fffffffa;box-shadow:0 4px 20px #00000040;position:fixed;top:30%;left:50%;transform:translate(-50%,-50%);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100}.applyMain .success h2{font-size:1.2rem;color:#1e293b;margin-bottom:10px}.applyMain .success span{color:#fff;background-color:#22c55e;font-size:1.5rem;padding:10px;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center}.applyMain h1{width:100%;text-align:center;color:#0f172a}.applyMain #correctdetails{text-align:center;margin:0 0 25px}.applyMain #correctdetails span{color:#ef4444;font-weight:700}.applyMain #correctdetails p{margin-top:0;color:#475569;font-size:.95rem}.applyMain #form{width:85%;max-width:900px;background-color:#f8fafc;margin:0 auto 40px;padding:30px;border-radius:12px;border:1px solid #e2e8f0;@keyframes spin{to{transform:rotate(360deg)}}}.applyMain #form .form-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.applyMain #form .form-group{display:flex;flex-direction:column;width:48%}.applyMain #form .form-group.full-width{width:100%}.applyMain #form .form-group label{font-weight:600;margin-bottom:6px;color:#334155;font-size:.95rem}.applyMain #form .form-group input,.applyMain #form .form-group select{width:100%;height:42px;border-radius:8px;padding:0 12px;background-color:#fff;font-size:.95rem;color:#0f172a;border:1px solid #cbd5e1;font-family:inherit;outline:none;box-sizing:border-box;transition:border-color .2s ease}:is(.applyMain #form .form-group input,.applyMain #form .form-group select):focus{border-color:#2563eb}:is(.applyMain #form .form-group input,.applyMain #form .form-group select).is-invalid{border-color:#ef4444;background-color:#fef2f2}.applyMain #form .form-group .error-msg{color:#ef4444;font-size:.8rem;margin-top:4px;margin-bottom:0}.applyMain #form button{width:40%;margin:30px auto 0;display:flex;align-items:center;justify-content:center;gap:8px;height:48px;border-radius:8px;font-size:1.1rem;font-weight:700;background-color:#2563eb;color:#fff;border:none;font-family:inherit;transition:background-color .2s ease}.applyMain #form button:hover:not(:disabled){cursor:pointer;background-color:#1d4ed8}.applyMain #form button:disabled{opacity:.7;cursor:not-allowed}.applyMain #form .spinner{width:16px;height:16px;border:2px solid #ffffff;border-top:2px solid transparent;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:600px){.applyMain{margin:0;width:100%;overflow-y:scroll}.applyMain #form{width:92%;padding:18px}.applyMain #form .form-group,.applyMain #form button{width:100%}.applyMain h1{font-size:1.8rem}}.adminMain{height:100%;width:98%;display:flex;justify-content:center;align-items:center;background-color:#fff;padding:20px;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin-left:10px;overflow-y:scroll}.adminform{width:100%;max-width:420px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:36px 30px;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #00000003}.adminform form{display:flex;flex-direction:column;gap:8px}.adminform input{width:100%;padding:12px 16px;border:1.5px solid #cbd5e1;border-radius:8px;font-size:.95rem;color:#0f172a;background-color:#f8fafc;outline:none;transition:all .2s ease;box-sizing:border-box;margin-top:10px}.adminform input:focus{background-color:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.adminform input::placeholder{color:#94a3b8}.adminform label{font-size:.825rem;font-weight:500;color:#ef4444!important;margin-top:2px;margin-bottom:6px;display:block}.adminform button{width:100%;padding:12px;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.adminform button[type=submit]{background-color:#2563eb;color:#fff;margin-top:16px}.adminform button[type=submit]:hover:not(:disabled){background-color:#1d4ed8;transform:translateY(-1px)}.adminform button[type=submit]:disabled{background-color:#93c5fd;cursor:not-allowed}.logout-btn{background-color:#f1f5f9;color:#475569;border:1px solid #cbd5e1!important;margin-top:10px}.logout-btn:hover{background-color:#e2e8f0;color:#0f172a}.add-user-trigger{background-color:#10b981;color:#fff;margin-top:10px}.add-user-trigger:hover{background-color:#059669}.spinner{width:16px;height:16px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.user-list-container{margin-top:24px;width:100%}.user-list-container h3{color:#fff;margin-bottom:12px;font-size:1.1rem}.admin-users-table{width:100%;border-collapse:collapse;background:#1f2937;border-radius:6px;overflow:hidden}.admin-users-table th,.admin-users-table td{padding:10px 12px;text-align:left;color:#e5e7eb;font-size:.9rem;border-bottom:1px solid #374151}.admin-users-table th{background-color:#111827;font-weight:600}.delete-user-btn{background-color:#ef4444;color:#fff;border:none;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:.8rem}.delete-user-btn:hover{background-color:#dc2626}.no-users-text{color:#9ca3af;font-size:.875rem;text-align:center;margin-top:10px}@keyframes spin{to{transform:rotate(360deg)}}.divider{height:1px;background-color:#e2e8f0;margin:16px 0 6px}.add-user-section{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px;margin-top:12px}.add-user-section h4{margin:0 0 12px;font-size:.95rem;color:#1e293b}@media(max-width:768px){.adminMain{height:100%;width:100%;margin:0}}.userMain{height:100%;width:98%;background-color:#fff;margin-left:10px;overflow-y:scroll}.userMain #filter{width:100%;height:10%;display:flex;flex-direction:row;justify-content:space-evenly;border-bottom:.5px solid black}.userMain #filter #search{height:100%;width:25%;display:flex;align-items:center}.userMain #filter #search input{height:60%;width:100%;border-radius:20px;border:0px;box-shadow:0 0 .5px #000;text-align:center;font-size:1.3vw}.userMain #filter #download{width:14%;height:100%;display:flex;align-items:center}.userMain #filter #download button{height:70%;width:100%;background-color:#217346;color:#fff;border:none;cursor:pointer;font-size:1.2vw;border-radius:30px}.userMain #filter #download button:hover{cursor:pointer}.userMain #filter #filtBYcourse{height:100%;width:26%;background-color:#061a13}.userMain #filter #filtBYcourse button{width:100%;height:100%;background-color:#fff;border:0px}.userMain #filter #filtBYcourse button i{font-size:1.5vw}.userMain #filter #filtBYcourse button i:hover{cursor:pointer}.userMain #filter #filtBYcourse button span{margin-left:10px;font-size:1.5vw}.userMain #filter #filtBYcourse #course{width:15%;height:20%;position:absolute;background-color:#fff;box-shadow:0 0 10px #000;border-radius:10px;margin-left:70px;z-index:1}.userMain #filter #filtBYcourse #course input{margin:10px}.userMain #filter #settings{display:flex;flex-direction:column;justify-content:center;height:100%;align-items:center;margin-right:40px}.userMain #filter #settings button{background-color:#fff;border:0px;font-size:1.8vw;cursor:pointer}.userMain #filter #settings #settingDropDown{position:absolute;height:30%;width:12%;margin-right:60px;margin-top:18%;z-index:1;display:flex;flex-direction:column;gap:10px}.userMain #filter #settings #settingDropDown #download{display:none}.userMain #filter #settings #settingDropDown #deleteCourse{background-color:red;font-size:1vw;border-radius:10px;padding:7px;color:#fff;font-family:Courier New,monospace}.userMain #filter #settings #settingDropDown #delete{font-size:1vw;background-color:red;padding:7px;border-radius:10px;width:100%;color:#fff;font-family:Courier New,monospace;cursor:pointer}.userMain .users{height:90%;width:100%;background-color:#ffffff23;position:relative}.userMain .users #fieldContainer{position:absolute;height:15%;width:10%;right:10px;top:1.8%;text-align:center}.userMain .users #fieldContainer i{position:absolute;font-size:1.5vw;width:7%;height:15%}.userMain .users #fieldContainer i:hover{cursor:pointer}.userMain .users #fieldContainer #fieldDropDown{position:absolute;margin-top:30px;height:100%;width:100%;text-align:start;background-color:#fff;box-shadow:0 0 2px #000}.userMain .users #fieldContainer #fieldDropDown input{margin-top:5px;margin-left:10px}.userMain .users #fieldContainer #fieldDropDown span{font-size:1.2vw}.userMain .users table{color:#000;border-collapse:collapse;width:100%;text-align:center}.userMain .users table thead th{border-bottom:1px solid black;font-size:1.5vw;font-family:Courier New,monospace;padding:5px;text-align:start}.userMain .users table tbody tr{border-bottom:1px solid black}.userMain .users table tbody td{padding:5px;font-size:1.3vw;text-align:start}@media(max-width:600px){.userMain{margin:0;width:100%}.userMain #filter #search{width:50%}.userMain #filter #search input{font-size:3vw}.userMain #filter #download{display:none}.userMain #filter #filtBYcourse{width:50%}.userMain #filter #filtBYcourse button i{font-size:5vw}.userMain #filter #filtBYcourse button i:hover{cursor:pointer}.userMain #filter #filtBYcourse button span{margin-left:10px;font-size:4vw}.userMain #filter #filtBYcourse #course{width:50%;margin-left:10px;font-size:3.5vw}.userMain #filter #settings{display:flex;flex-direction:column;justify-content:center;height:100%;align-items:center;margin-right:10px}.userMain #filter #settings button{background-color:#fff;border:0px;font-size:5vw}.userMain #filter #settings #settingDropDown{position:absolute;height:30%;width:20%;margin-right:40px;margin-top:70%}.userMain #filter #settings #settingDropDown #download{display:block;width:100%;height:30%}.userMain #filter #settings #settingDropDown #download #downloadfile{height:70%;width:100%;background-color:#217346;color:#fff;border-radius:4px;cursor:pointer;font-size:3vw}.userMain #filter #settings #settingDropDown #download #downloadfile:hover{cursor:pointer}.userMain #filter #settings #settingDropDown #deleteCourse{font-size:3vw}.userMain #filter #settings #settingDropDown #delete{background-color:red;height:23%;width:100%;font-size:3vw;color:#fff;font-weight:700;border-radius:5px}.userMain .users{width:100%}.userMain .users #fieldContainer{width:30%;height:20%;position:fixed;margin-top:35%}.userMain .users #fieldContainer i{font-size:5vw;width:7%;height:15%;right:10px}.userMain .users #fieldContainer i:hover{cursor:pointer}.userMain .users #fieldContainer #fieldDropDown{position:absolute;margin-top:25px;height:100%;width:100%;text-align:start;background-color:#fff;box-shadow:0 0 2px #000}.userMain .users #fieldContainer #fieldDropDown input{margin-top:5px;margin-left:2px}.userMain .users #fieldContainer #fieldDropDown span{font-size:3.5vw}.userMain .users table{width:98%;font-size:3.5vw;margin-top:20px}.userMain .users table thead tr th{font-size:3.5vw}.userMain .users table tbody tr td{font-size:2.8vw}}.course-page-wrapper{height:100%;width:98%;margin:0 auto;color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-y:scroll;scrollbar-width:thin;background-color:#fff}.page-header{display:flex;align-items:center;margin-bottom:25px;padding-bottom:15px;margin-top:20px}.page-header h1{font-size:1.3rem;font-weight:700;color:#000;margin:0 0 0 20px}.back-btn{background:#f1f5f9;color:#334155;border:1px solid #cbd5e1;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.back-btn:hover{background:#e2e8f0;color:#0f172a}.card-box{background:#fff;border-radius:12px;padding:24px;margin-bottom:30px}.card-box h3{margin-top:0;margin-bottom:20px;font-size:1.3rem;color:#0f172a;border-left:4px solid #2563eb;padding-left:10px}.grid-2col{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:16px}.full-width{margin-bottom:16px}.card-box label{display:block;font-size:.85rem;font-weight:600;margin-bottom:6px;color:#475569;text-transform:uppercase;letter-spacing:.5px}.card-box input,.card-box select,.card-box textarea{width:100%;padding:10px 14px;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;color:#0f172a;font-size:.95rem;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.card-box input:focus,.card-box select:focus,.card-box textarea:focus{outline:none;border-color:#2563eb;background-color:#fff;box-shadow:0 0 0 3px #2563eb26}.err-text{color:#dc2626;font-size:.8rem;margin-top:4px;display:block}.btn-group{display:flex;gap:12px;margin-top:20px}.btn-primary{background:#2563eb;color:#fff;border:none;padding:10px 22px;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s ease}.btn-primary:hover{background:#1d4ed8}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#64748b;color:#fff;border:none;padding:10px 22px;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s ease}.btn-secondary:hover{background:#475569}.data-table{width:100%;border-collapse:collapse;margin-top:10px;overflow-x:auto}.data-table th{background-color:#f1f5f9;color:#475569;font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px;padding:12px 14px;text-align:left;border-bottom:2px solid #e2e8f0}.data-table td{padding:12px 14px;border-bottom:1px solid #f1f5f9;font-size:.9rem;color:#1e293b}.data-table tr:hover{background-color:#f8fafc}.badge-tag{background:#fef3c7;color:#b45309;border:1px solid #fde68a;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600}.btn-edit{background:#0284c7;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.8rem;margin-right:6px}.btn-edit:hover{background:#0369a1}.btn-delete{background:#dc2626;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.8rem}.btn-delete:hover{background:#b91c1c}.status-msg{padding:12px 16px;border-radius:6px;margin-bottom:20px;font-weight:500}.status-msg.success{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.status-msg.error{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca}.loading-screen{display:flex;justify-content:center;align-items:center;height:60vh;color:#64748b;font-size:1.1rem}.btn-status{border:.5px solid black;padding:3px 10px;background-color:#fff;cursor:pointer;border-radius:30px;color:#fff}.status-pending{background-color:#dc2626}.status-published{background-color:green}