:root{--primary: #7e22ce;--text: #1e293b;--muted: #64748b}.nav-header{position:fixed;left:0;right:0;top:0;z-index:60;background:#fff;border-bottom:1px solid rgba(16,24,40,.06);box-shadow:0 4px 12px #00000005}.nav-inner{display:flex;align-items:center;justify-content:space-between;max-width:1150px;margin:0 auto;padding:.8rem 1.5rem}.brand{display:flex;align-items:center;gap:.75rem}.logo img{width:90px;height:auto;transition:transform .3s ease}.logo img:hover{transform:scale(1.05)}.nav-links{display:flex;align-items:center;gap:1.2rem}.nav-links a{color:var(--text);text-decoration:none;font-weight:500;font-size:.95rem;padding:.4rem .7rem;border-radius:8px;transition:all .2s ease-in-out}.nav-links a.active,.nav-links a:hover{background:linear-gradient(90deg,#3b82f614,#7e22ce14);color:var(--primary)}.nav-actions{display:flex;align-items:center;gap:.8rem}.btn{padding:.5rem 1rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .2s ease-in-out}.btn-outline{border:1.5px solid var(--primary);color:var(--primary);background:transparent}.btn-outline:hover,.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:#6d28d9}.mobile-toggle{display:none;background:none;border:none;font-size:1.7rem;cursor:pointer;color:var(--text);transition:transform .3s ease}.mobile-toggle:hover{transform:scale(1.1)}@media (max-width: 900px){.nav-links,.nav-actions{display:none}.mobile-toggle{display:block;z-index:120;position:relative}.nav-links.show,.nav-actions.show{display:flex;flex-direction:column;align-items:center;width:100%;background:#fff;box-shadow:0 8px 20px #00000014;z-index:100}.nav-links.show{position:fixed;top:90px;left:0;right:0;padding:1.5rem 0;gap:1rem;animation:slideDown .3s ease;max-height:calc(100vh - 80px);overflow-y:auto}.nav-actions.show{position:fixed;left:0;right:0;padding:1rem 0;bottom:27%;border-top:transparent}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}.footer{margin:auto}.site-footer{background:#0f1724;color:#fff;padding:40px 20px 24px;margin-top:40px}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1100px;margin:0 auto}.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.footer-brand h3{margin:0}.footer-grid h4{margin-bottom:12px;font-size:1.1rem}.footer-grid ul{list-style:none;padding:0;margin:0}.footer-grid a{color:#fffc;text-decoration:none;transition:color .3s ease}.footer-grid a:hover{color:#fff}.socials{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.socials a{display:inline-block;padding:6px 10px;background:#ffffff0f;border-radius:6px;color:#fff;text-decoration:none;font-size:.9rem;transition:background .3s ease,transform .2s ease}.socials a:hover{background:#ffffff26;transform:translateY(-2px)}.muted{color:#ffffffb3;font-size:.9rem}.copyright{text-align:center;margin-top:40px;font-size:.9rem;color:#fff9}.logo-image{width:130px;height:auto;margin-top:10px}@media (max-width: 900px){.footer-grid{grid-template-columns:repeat(2,1fr);gap:32px}.footer-brand{align-items:center;text-align:center}.socials{justify-content:center}.logo-image{width:120px}}@media (max-width: 600px){.footer-grid{grid-template-columns:1fr;text-align:center}.footer-brand{align-items:center;justify-content:center}.socials{justify-content:center}.footer-grid h4{margin-top:20px}.logo-image{width:100px;margin:0 auto}}.card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 10px 25px #00000014}.form-grid{display:grid;gap:15px}.approval-row{display:flex;justify-content:space-between;margin:10px 0}.btn{padding:10px 18px;border-radius:8px;border:none;background:#4f46e5;color:#fff;cursor:pointer}.btn:disabled{background:#9ca3af;cursor:not-allowed}.loader-wrapper{display:flex;justify-content:center;align-items:center;min-height:200px}.spinner{width:40px;height:40px;border:4px solid #ddd;border-top:4px solid #4f46e5;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{background:#fff;padding:40px;border-radius:12px;text-align:center;box-shadow:0 10px 25px #0000000f}.fade-in{animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.table{width:100%;border-collapse:collapse;margin-top:20px}.table th,.table td{border:1px solid #e5e7eb;padding:10px;text-align:left}.table th{background:#f9fafb}.hero{background:var(--gradient);color:#fff;padding:4rem 1.5rem;padding-top:calc(4rem + 80px)}.hero-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;max-width:1100px;margin:0 auto;flex-wrap:wrap}.hero-copy{flex:1 1 45%;min-width:280px}.hero h1{font-size:2.75rem;margin:0 0 1rem;line-height:1.2}.hero .lead{font-size:1.1rem;opacity:.95;color:#ffffffe6;margin-bottom:1.5rem}.hero-ctas{display:flex;flex-wrap:wrap;gap:1rem}.hero-animation{flex:1 1 45%;display:flex;justify-content:center;align-items:center;min-width:280px;max-width:500px}.hero-animation canvas,.hero-animation svg{width:100%;height:auto;max-width:420px}@media (max-width: 900px){.hero-inner{flex-direction:column;text-align:center}.hero h1{font-size:2.2rem}.hero .lead{font-size:1rem}.hero-animation{max-width:360px;margin:2rem auto 0}.hero-ctas{justify-content:center}}.featured h2{font-size:2rem;background:linear-gradient(135deg,#3b82f6,#7e22ce);-webkit-background-clip:text;color:transparent}.testimonials{background:#f9fafb;padding:5rem 0}.testimony-container{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:3rem}.testimony-container h2{font-size:2rem;background:linear-gradient(135deg,#3b82f6,#7e22ce);-webkit-background-clip:text;color:transparent;font-weight:700}.test-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.8rem}.testimonial{position:relative;background:#fff;border-radius:16px;padding:2rem;box-shadow:0 10px 25px #0000000f;border:2px solid transparent;transition:all .3s ease;overflow:hidden}.testimonial:hover{border-color:#7e22ce;transform:translateY(-6px);box-shadow:0 15px 35px #7b34ff26}.testimonial:before{content:"“";position:absolute;top:10px;left:20px;font-size:60px;color:#3b82f633;font-family:serif;z-index:0}.testimonial p{color:#1e293b;font-size:1rem;position:relative;z-index:1;line-height:1.6}.testimony-header{text-align:center;margin-bottom:2rem}.testimony-header h2{font-size:2rem}.testimony-header .muted{color:#64748b;font-size:1.1rem}.testimonial-animation{margin:0 auto 10px;display:block}.testimonial footer{margin-top:1rem;font-weight:600;color:#7e22ce;position:relative;z-index:1}.partners{background:#fff;padding:5rem 0;text-align:center}.partnership-header{text-align:center;margin-bottom:2rem}.partnership-header h2{font-size:2rem}.partnership-header .muted{color:#64748b;font-size:1.1rem}.partners-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-top:2rem}.partner-video{width:100%;height:220px;object-fit:cover;border-radius:1rem}.partner{position:relative;overflow:hidden;border-radius:1rem;box-shadow:0 10px 25px #0000000d;transition:transform .4s ease,box-shadow .3s ease;background:#f3f4f6}.partner:hover{transform:translateY(-6px);box-shadow:0 15px 35px #3b82f626}.partner img,.partner video{width:100%;height:220px;object-fit:cover;border-radius:1rem}.partner-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#3b82f699,#7e22ce99);opacity:0;transition:opacity .4s ease;display:flex;align-items:center;justify-content:center}.partner:hover .partner-overlay{opacity:1}.partner-overlay h4{color:#fff;font-size:1.25rem;font-weight:700}.partnership-animation{width:40px;height:auto}.section{padding:48px 0}.featured .grid-3{margin-top:18px}.center .btn{margin-top:26px}.about-section{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;padding:4rem 1.5rem;max-width:1100px;margin:0 auto}.about-left,.about-right{flex:1 1 45%;min-width:280px}.about-animation{width:100%;max-width:450px;margin:0 auto}.about-right h2{font-size:2rem;color:var(--text-dark);margin-bottom:1rem}.about-right p{line-height:1.6;color:#374151;font-size:1rem;margin-bottom:1rem}.about-right a{display:inline-block;margin-top:1rem}.achievements{background:linear-gradient(135deg,#3b82f6,#7e22ce);color:#fff;padding:5rem 0;text-align:center}.achievements .stats{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:3rem}.achievements .stats div{flex:1 1 200px}.achievements h3{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.achievements p{font-size:1rem;color:#e0f2fe}@media (max-width:900px){.hero{padding:4rem 1.5rem;padding-top:calc(4rem + 80px)}.hero-inner{flex-direction:column;text-align:center}.hero-visual img{max-width:70%}.about-left,.about-right{flex:1 1 100%}.about-section{flex-direction:column-reverse;text-align:center}.about-animation{max-width:350px}.about-right h2{font-size:1.8rem}}@media (max-width: 768px){.hero{padding:4rem 1.5rem;padding-top:calc(4rem + 80px)}.testimony-container{flex-direction:column;text-align:center}.partners-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.partner img,.partner video{height:180px}.about-right p{margin-bottom:20px}.about-right a{display:inline-block;margin-top:10px}}@media (max-width: 480px){.hero{padding:4rem 1.5rem;padding-top:calc(4rem + 80px)}.hero h1{font-size:1.8rem}.hero .lead{font-size:.95rem}.hero-animation{max-width:300px}.about-section{padding:3rem 1rem}.about-right h2{font-size:1.6rem}.about-right p{font-size:.95rem}.about-animation{max-width:280px}}.course-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--card-shadow);display:flex;flex-direction:column;transition:transform .18s ease}.course-card:hover{transform:translateY(-8px)}.course-media img{width:100%;height:180px;object-fit:cover}.video-wrap{position:relative;padding-top:56.25%}.video-wrap iframe{position:absolute;left:0;top:0;width:100%;height:100%}.course-body{padding:16px;display:flex;flex-direction:column;height:100%}.course-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.level{font-size:12px;padding:6px 8px;border-radius:999px;background:#1018280a;font-weight:600}.level.beginner{background:#3b82f614;color:var(--primary)}.level.intermediate{background:#7e22ce0f;color:var(--secondary)}.level.advanced{background:#dc26260f;color:#b91c1c}.course-bottom{margin-top:auto;display:flex;align-items:center;gap:12px}.price{font-weight:700}.btn-small{padding:8px 12px}.courses-page{padding:4rem 1.5rem;padding-top:calc(4rem + 80px)}.courses-header{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}; .courses-header-content{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap}.courses-animation{width:180px;height:180px}.filters{display:flex;gap:18px;align-items:end;flex-wrap:wrap;margin-bottom:20px}.filters label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.filters select{padding:10px;border-radius:8px;border:1px solid rgba(16,24,40,.06)}.course-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.about-page{padding:4rem 1.5rem;padding-top:calc(4rem + 80px)}.about-page .mission,.about-page .vision,.about-page .team,.about-page .partners-program{background:#fff;padding:20px;border-radius:12px;box-shadow:var(--card-shadow);margin-bottom:20px}.mission-text{flex:1}.mission-content,.vision-content{display:flex;align-items:center;gap:2rem;flex-wrap:wrap;margin-bottom:3rem}.mission-animation,.vision-animation{width:200px;height:200px}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.team-card img{width:100%;height:220px;object-fit:cover;border-radius:8px}.team-card h4{margin:8px 0 4px}:root{--primary: #7e22ce;--gradient: linear-gradient(90deg, #7e22ce, #3b82f6);--muted: #64748b;--text: #1e293b;--card-shadow: 0 4px 20px rgba(0, 0, 0, .05)}.contact-page{min-height:100vh;padding:3rem 1.5rem;padding-top:calc(4rem + 40px);background:#fafafa;display:flex;justify-content:center;align-items:flex-start}.container{width:100%;max-width:1100px}.contact-page header{text-align:center;margin-bottom:3rem}.contact-page h1{font-size:2.2rem;margin-bottom:.5rem;color:var(--text)}.contact-page .muted{color:var(--muted);font-size:1rem}.contact-grid{display:grid;grid-template-columns:1fr 500px;gap:2.5rem;align-items:flex-start}.contact-form label{display:block;margin-bottom:1rem;color:var(--text);font-weight:500}.contact-form input,.contact-form textarea{width:100%;padding:.75rem;border-radius:8px;border:1px solid rgba(16,24,40,.1);font-size:1rem;transition:border-color .2s ease}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--primary)}.contact-form button{margin-top:1rem;width:100%;font-weight:600}.form-status{margin-top:12px;font-size:.95rem}.form-status.success{color:green}.form-status.error{color:#b91c1c}.contact-details{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:var(--card-shadow)}.contact-details h3{margin-bottom:1rem;color:var(--text)}.contact-details p{margin-bottom:.5rem;color:var(--muted);font-size:.95rem}.contact-details strong{color:var(--text)}.socials{display:flex;flex-wrap:wrap;gap:10px;margin-top:1rem}.socials a{text-decoration:none;background:var(--gradient);color:#fff;padding:.6rem 1.2rem;border-radius:8px;font-weight:500;transition:transform .2s ease,opacity .2s ease}.socials a:hover{transform:translateY(-2px);opacity:.9}.contact-animation{width:100%;max-width:350px;margin:0 auto 2rem}@media (max-width: 1024px){.contact-grid{grid-template-columns:1fr;gap:3rem}.contact-form button{width:auto;align-self:center}.contact-details{max-width:600px;margin:0 auto}.contact-animation{width:80%;max-width:280px}}@media (max-width: 600px){.contact-page h1{font-size:1.8rem}.contact-page .muted{font-size:.9rem}.contact-details{padding:1.2rem}.socials a{flex:1 1 calc(50% - 10px);text-align:center}}.events-page{padding:4rem 1.5rem;padding-top:calc(4rem + 80px)}.events-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.event-card{background:#fff;padding:16px;border-radius:12px;box-shadow:var(--card-shadow)}.events-header{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.events-animation{width:150px;height:150px}.event-date{background:linear-gradient(90deg,var(--primary),var(--secondary));display:inline-block;padding:6px 10px;border-radius:8px;color:#fff;margin-bottom:8px}.register-form input,.register-form textarea{width:100%;padding:10px;border-radius:8px;border:1px solid rgba(16,24,40,.06);margin-bottom:8px}.careers-page{padding:4rem 1.5rem;background:#f8faff}header{text-align:center;margin-bottom:3rem}.jobs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:24px;margin-bottom:200px}.job-card{background:#fff;border-radius:14px;padding:24px;box-shadow:0 4px 15px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.job-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000014}.job-header h3{margin-bottom:6px;color:#1f2937}.job-actions{display:flex;justify-content:space-between;margin-top:16px}.btn{padding:10px 18px;border-radius:8px;cursor:pointer;border:none;font-weight:500}.btn-primary{background:#1d4ed8;color:#fff}.btn-outline{background:transparent;border:1px solid #1d4ed8;color:#1d4ed8}.apply-form{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 6px 20px #0000000d;max-width:600px;margin:0 auto}.apply-form input,.apply-form select,.apply-form textarea{width:100%;padding:12px;margin-bottom:12px;border-radius:8px;border:1px solid #e5e7eb;font-size:15px}.file-upload label{display:block;margin-bottom:5px;font-weight:500}.form-status{margin-top:10px;font-weight:600}.form-status.success{color:#059669}.form-status.error{color:#dc2626}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;padding:2rem;border-radius:12px;width:90%;max-width:600px;box-shadow:0 8px 24px #0000001a}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:1.5rem}.appli_btn{width:170px;display:flex;align-items:center;justify-content:center;gap:6px;position:relative}.load-animation{width:24px;height:24px}.blog-page{padding:4rem 1.5rem;padding-top:calc(4rem + 80px)}.posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.post-card{background:#fff;padding:16px;border-radius:12px;box-shadow:var(--card-shadow)}.auth-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(120deg,#f4f6fb,#eef1f8)}.auth-card{width:100%;max-width:420px;background:#fff;padding:40px;border-radius:14px;box-shadow:0 20px 40px #00000014}.auth-card h2{margin-bottom:8px;font-size:26px}.auth-sub{color:#666;margin-bottom:25px}.auth-card form{display:flex;flex-direction:column;gap:14px}.auth-card input,.auth-card select{padding:14px;border-radius:8px;border:1px solid #ddd;font-size:15px}.auth-card input:focus,.auth-card select:focus{outline:none;border-color:#4f46e5}.auth-btn{background:#4f46e5;color:#fff;padding:14px;border:none;border-radius:8px;font-size:16px;cursor:pointer;margin-top:10px}.auth-btn:hover{background:#4338ca}.auth-msg{text-align:center;font-size:14px}.auth-msg.error{color:#dc2626}.auth-msg.success{color:#16a34a}.auth-footer{margin-top:15px;text-align:center;font-size:14px}.auth-footer a{color:#4f46e5;text-decoration:none}.dashboard-shell{display:flex;min-height:calc(100vh - 80px);background:#f4f6fb}.dashboard-main{flex:1;display:flex;flex-direction:column}.dashboard-top{background:#fff;padding:20px 30px;display:flex;justify-content:space-between;border-bottom:1px solid #e5e7eb}.dashboard-content{padding:30px}.sidebar{width:240px;background:#1e1e2f;color:#fff;display:flex;flex-direction:column;padding:20px;transition:width .3s ease}.sidebar.collapsed{width:80px}.sidebar-header{font-size:18px;margin-bottom:30px}.sidebar-nav{display:flex;flex-direction:column;gap:12px}.sidebar-nav a{color:#fff;text-decoration:none;padding:10px 12px;border-radius:8px;font-size:15px}.sidebar-nav a.active,.sidebar-nav a:hover{background:#34345c}.collapse-btn{margin-top:auto;background:none;border:1px solid #555;color:#fff;padding:10px;cursor:pointer}.branch-dashboard{padding:20px;font-family:Arial,sans-serif;background-color:#f0f4f8;min-height:100vh}.branch-dashboard h1{font-size:28px;margin-bottom:20px}.branch-dashboard .section{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 4px 8px #0000000d}.branch-dashboard .section h2{margin-bottom:10px}.principal-dashboard{padding:20px;font-family:Arial,sans-serif;background-color:#eef2f7;min-height:100vh}.principal-dashboard h1{font-size:28px;margin-bottom:20px}.principal-dashboard .section{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 4px 8px #0000000d}.principal-dashboard .section h2{margin-bottom:10px}:root{--primary:#3b82f6;--secondary:#7e22ce;--accent:#a5f3fc;--bg:#f9fafb;--text:#1e293b;--muted:#64748b;--gradient: linear-gradient(135deg, var(--primary), var(--secondary));--card-shadow: 0 8px 20px rgba(16,24,40,.06);--radius:12px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}.container{max-width:1100px;margin:0 auto;padding:40px 20px}.btn{display:inline-block;padding:10px 16px;border-radius:8px;border:1px solid transparent;background:#fff;color:var(--text);text-decoration:none;cursor:pointer;box-shadow:none;transition:transform .18s ease,box-shadow .18s ease}.btn:hover{transform:translateY(-4px);box-shadow:var(--card-shadow)}.btn-primary{background:var(--gradient);color:#fff;border-radius:10px}.btn-outline{border:1px solid rgba(30,41,59,.08)}.muted{color:var(--muted)}.center{text-align:center}.grid-3{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.test-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}@media (max-width:800px){.container{padding:24px 16px}}