:root{--primary:#2563EB;--secondary:#14B8A6;--accent:#F97316;--background:#F8FAFC;--dark:#1F2937;--white:#FFFFFF}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:var(--background);color:var(--dark)}h1,h2,h3{font-family:Poppins,sans-serif}.container{max-width:1200px;margin:auto;padding:0 20px}.navbar{background:#fff;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #00000014}.nav-wrapper{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.logo{font-size:28px;font-weight:700;color:var(--primary)}.logo span{color:var(--accent)}nav{display:flex;gap:30px}nav a{font-weight:500}.btn{background:var(--primary);color:#fff;padding:12px 24px;border-radius:8px;display:inline-block}.btn:hover{opacity:.9}.btn-outline{border:2px solid var(--primary);padding:12px 24px;border-radius:8px;margin-left:15px;display:inline-block}.hero{padding:100px 0}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.hero h1{font-size:56px;line-height:1.1;margin:20px 0}.hero-text{font-size:20px;margin-bottom:30px}.eyebrow{color:var(--secondary);font-weight:700;letter-spacing:1px;text-transform:uppercase}.hero img{width:100%;border-radius:20px}footer{background:#111827;color:#fff;padding:60px 0;margin-top:100px}.footer{display:flex;justify-content:space-between}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}nav{display:none}.hero h1{font-size:42px}.footer{flex-direction:column;gap:30px}}.section-title{text-align:center;margin-bottom:60px}.section-title h2{font-size:42px;margin-bottom:15px}.section-title p{font-size:18px;color:#555}.why{padding:90px 0}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.feature-card{background:#fff;padding:35px;border-radius:18px;box-shadow:0 10px 25px #00000014;transition:.3s}.feature-card:hover{transform:translateY(-8px)}.icon{font-size:48px;margin-bottom:20px}.feature-card h3{margin-bottom:15px}.feature-card p{color:#555}@media(max-width:900px){.feature-grid{grid-template-columns:1fr}}.stats{padding:80px 0;background:#2563eb;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center}.stat-card h2{font-size:52px;margin-bottom:10px}.stat-card p{font-size:18px}.courses{padding:90px 0}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.course-card{background:#fff;padding:35px;border-radius:18px;box-shadow:0 10px 20px #00000014;transition:.3s;display:flex;flex-direction:column}.course-card:hover{transform:translateY(-8px)}.course-icon{font-size:48px;margin-bottom:20px}.course-card h3{margin-bottom:20px}.course-card p{margin-bottom:25px;color:#555;flex:1}.cta{padding:90px 0;background:#f97316;color:#fff;text-align:center}.cta h2{font-size:42px;margin-bottom:20px}.cta p{max-width:700px;margin:auto auto 35px;font-size:18px}.cta-buttons{display:flex;justify-content:center;gap:20px}.cta .btn{background:#fff;color:#2563eb}.cta .btn-outline{border:2px solid white;color:#fff}@media(max-width:900px){.stats-grid{grid-template-columns:1fr 1fr}.course-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:center}}nav a{padding:8px 12px;border-radius:8px;transition:.25s}nav a:hover{background:#eef4ff}nav a.active{background:#2563eb;color:#fff}.hamburger{display:none;font-size:28px;background:none;border:none}@media(max-width:900px){nav{display:none;position:absolute;top:80px;left:0;width:100%;background:#fff;padding:20px;flex-direction:column;box-shadow:0 8px 20px #00000026}nav.show{display:flex}.desktop-btn{display:none}.hamburger{display:block}}.whatsapp{position:fixed;bottom:30px;right:30px;width:60px;height:60px;border-radius:50%;background:#25d366;display:flex;justify-content:center;align-items:center;font-size:30px;color:#fff;text-decoration:none;box-shadow:0 8px 20px #0003;z-index:999}.scrolltop{position:fixed;bottom:100px;right:30px;width:50px;height:50px;display:none;justify-content:center;align-items:center;background:#2563eb;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:22px;box-shadow:0 6px 15px #00000040;z-index:999}.footer{background:#111827;color:#fff;padding:70px 0 30px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer h3{margin-bottom:15px}.footer ul{list-style:none;padding:0}.footer li{margin-bottom:10px}.footer a{color:#fff}.copyright{margin-top:50px;text-align:center;font-size:14px;opacity:.75}@media(max-width:900px){.footer-grid{grid-template-columns:1fr}}.course-level{display:inline-block;background:#eff6ff;color:#2563eb;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:18px}.course-subtitle{font-weight:600;color:#555;margin-bottom:15px}.course-meta{display:flex;justify-content:space-between;margin:25px 0;font-size:14px;font-weight:600;color:#666;padding-top:20px;border-top:1px solid #eee}.badge{display:inline-flex;align-items:center;padding:.35rem .8rem;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:.85rem;font-weight:600}.badge-secondary{background:#ecfdf5;color:#059669}.card{background:#fff;border-radius:18px;padding:2rem;box-shadow:0 8px 24px #00000014}.card-hover{transition:.3s}.card-hover:hover{transform:translateY(-6px)}.page-header{padding:5rem 0;background:#f8fafc;text-align:center}.page-header-primary{background:#2563eb;color:#fff}.page-header h1{font-size:3rem;margin-bottom:1rem}.page-header p{max-width:760px;margin:auto;font-size:1.15rem;line-height:1.8;color:inherit;opacity:.9}.courses-page{padding:5rem 0}.course-detail-card{background:#fff;padding:2.5rem;margin-bottom:2.5rem;border-radius:18px;box-shadow:0 10px 25px #00000014}.course-detail-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.course-icon{font-size:3rem;display:inline-block;margin-bottom:.5rem}.course-detail-header h2{margin-bottom:.4rem}.course-description{line-height:1.8;margin-bottom:2rem}.course-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;background:#f8fafc;padding:1.5rem;border-radius:12px}.course-summary div{display:flex;flex-direction:column;gap:.4rem}@media(max-width:768px){.course-summary{grid-template-columns:1fr}}.technology-list{margin:2rem 0}.technology-list h3{margin-bottom:1rem}.technology-badges{display:flex;flex-wrap:wrap;gap:.75rem}.technology-badge{background:#eff6ff;color:#2563eb;padding:.6rem 1rem;border-radius:999px;font-size:.9rem;font-weight:600}.course-highlights{margin:2.5rem 0}.course-highlights ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.course-highlights li{background:#f8fafc;padding:1rem;border-radius:12px}.curriculum{margin:3rem 0}.curriculum ol{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem 2rem;padding-left:1.5rem}.curriculum li{padding:.35rem 0}.learning-outcomes{margin:3rem 0}.learning-outcomes ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.learning-outcomes li{background:#ecfdf5;padding:1rem;border-radius:12px}.student-projects{margin:3rem 0}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:1.5rem}.project-card{background:#fff;border-radius:16px;padding:1.5rem;border:1px solid #E5E7EB;text-align:center;transition:.3s}.project-card:hover{transform:translateY(-6px);box-shadow:0 10px 25px #0000001a}.project-icon{font-size:3rem;margin-bottom:1rem}.project-card h4{margin-bottom:.5rem;color:#1e3a8a}.project-card p{color:#666;font-size:.9rem}.course-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}.course-summary-grid div{background:#f8fafc;padding:1rem;border-radius:10px;display:flex;flex-direction:column}.course-summary-grid strong{color:#1e3a8a;margin-bottom:.4rem}@media(max-width:768px){.course-summary-grid{grid-template-columns:1fr}}.faq-section{padding:5rem 0;background:#f8fafc}.faq-section h2{text-align:center;margin-bottom:3rem}.faq-list{display:grid;gap:1.5rem;max-width:900px;margin:auto}.faq-item{background:#fff;padding:1.75rem;border-radius:14px;box-shadow:0 6px 18px #0000000f}.faq-item h3{margin-bottom:.75rem;color:#1e3a8a}.faq-item p{line-height:1.8;color:#555}.course-final-cta{padding:5rem 0;text-align:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.course-final-cta h2{font-size:2.5rem;margin-bottom:1rem}.course-final-cta p{max-width:760px;margin:0 auto 2rem;line-height:1.8;opacity:.95}.cta-features{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem 2rem;margin-bottom:2.5rem;font-weight:600}.course-final-cta .btn{background:#fff;color:#2563eb}.course-final-cta .btn:hover{background:#f3f4f6}.about-story{padding:5rem 0}.about-story h2{text-align:center;margin-bottom:2rem}.about-story p{max-width:850px;margin:0 auto 1.5rem;line-height:1.9;font-size:1.05rem;text-align:center;color:#555}.mission-vision{padding:2rem 0 5rem}.mission-vision-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.info-card{background:#fff;border-radius:18px;padding:2.5rem;text-align:center;box-shadow:0 10px 25px #00000014;transition:transform .25s ease,box-shadow .25s ease}.info-card:hover{transform:translateY(-6px);box-shadow:0 16px 32px #0000001f}.info-icon{font-size:3rem;margin-bottom:1rem}.info-card h2{color:#1e3a8a;margin-bottom:1rem}.info-card p{line-height:1.8;color:#555}@media(max-width:768px){.mission-vision-grid{grid-template-columns:1fr}}.why-brightbots{padding:5rem 0;background:#f8fafc}.why-brightbots h2{text-align:center;margin-bottom:1rem}.section-intro{max-width:760px;margin:0 auto 3rem;text-align:center;color:#555;line-height:1.8}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.feature-card{background:#fff;padding:2rem;border-radius:18px;text-align:center;box-shadow:0 10px 25px #00000014;transition:transform .25s ease,box-shadow .25s ease}.feature-card:hover{transform:translateY(-6px);box-shadow:0 16px 32px #0000001f}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{margin-bottom:1rem;color:#1e3a8a}.feature-card p{color:#555;line-height:1.7}@media(max-width:992px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.features-grid{grid-template-columns:1fr}}.teaching-methodology{padding:5rem 0}.methodology-timeline{max-width:850px;margin:3rem auto 0}.method-step{display:flex;align-items:flex-start;gap:1.5rem;background:#fff;padding:1.75rem;border-radius:18px;box-shadow:0 10px 25px #00000014}.step-number{width:60px;height:60px;border-radius:50%;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0}.step-content h3{margin-bottom:.75rem;color:#1e3a8a}.step-content p{line-height:1.8;color:#555}.timeline-arrow{text-align:center;font-size:2rem;margin:1rem 0;color:#2563eb}@media(max-width:768px){.method-step{flex-direction:column;align-items:center;text-align:center}}.meet-instructor{padding:5rem 0;background:#f8fafc}.instructor-card{display:grid;grid-template-columns:260px 1fr;gap:3rem;align-items:center;margin-top:3rem}.instructor-photo{width:220px;height:220px;margin:auto;border-radius:50%;background:#dbeafe;display:flex;align-items:center;justify-content:center;font-size:5rem}.instructor-content h3{margin-bottom:1rem;color:#1e3a8a}.instructor-content p{line-height:1.9;margin-bottom:1rem;color:#555}.expertise-list{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.expertise-list span{background:#fff;border:1px solid #E5E7EB;padding:.6rem 1rem;border-radius:999px;font-weight:600}@media(max-width:768px){.instructor-card{grid-template-columns:1fr;text-align:center}.expertise-list{justify-content:center}}.core-values{padding:5rem 0}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.value-card{background:#fff;padding:2rem;border-radius:18px;text-align:center;box-shadow:0 10px 25px #00000014;transition:.25s}.value-card:hover{transform:translateY(-6px);box-shadow:0 16px 30px #0000001f}.value-icon{font-size:3rem;margin-bottom:1rem}.value-card h3{margin-bottom:1rem;color:#1e3a8a}.value-card p{line-height:1.8;color:#555}@media(max-width:992px){.values-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.values-grid{grid-template-columns:1fr}}.about-cta{padding:5rem 0;background:linear-gradient(135deg,#2563eb,#1d4ed8);text-align:center;color:#fff}.about-cta h2{font-size:2.5rem;margin-bottom:1rem}.about-cta p{max-width:760px;margin:0 auto 2rem;line-height:1.9;opacity:.95}.cta-points{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem 2rem;margin-bottom:2.5rem;font-weight:600}.about-cta .btn{background:#fff;color:#2563eb}.about-cta .btn:hover{background:#f3f4f6}@media(max-width:768px){.about-cta h2{font-size:2rem}}.contact-overview{padding:5rem 0}.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.contact-card{background:#fff;padding:2.5rem;border-radius:18px;text-align:center;box-shadow:0 10px 25px #00000014;transition:.25s}.contact-card:hover{transform:translateY(-6px);box-shadow:0 18px 35px #0000001f}.contact-icon{font-size:3rem;margin-bottom:1rem}.contact-card h3{margin-bottom:1rem;color:#1e3a8a}.contact-card p{margin-bottom:1rem;color:#666}.contact-card a:not(.btn){color:#2563eb;font-weight:600;text-decoration:none;word-break:break-word}.contact-card a:not(.btn):hover{text-decoration:underline}.contact-card .btn{margin-top:1rem}@media(max-width:992px){.contact-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.contact-grid{grid-template-columns:1fr}}.contact-form-section{padding:5rem 0;background:#f8fafc}.contact-form-wrapper{max-width:900px;margin:auto}.form-intro{text-align:center;margin-bottom:3rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.form-group{display:flex;flex-direction:column;margin-bottom:1.5rem}.form-group label{margin-bottom:.5rem;font-weight:600;color:#1e3a8a}.form-group input,.form-group select,.form-group textarea{padding:14px;border:1px solid #D1D5DB;border-radius:8px;font-size:1rem;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.contact-form textarea{resize:vertical}@media(max-width:768px){.form-grid{grid-template-columns:1fr}}.success-page{padding:6rem 0}.success-card{max-width:700px;margin:auto;text-align:center;padding:4rem;background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000014}.success-icon{font-size:5rem;margin-bottom:1rem}.success-card h1{margin-bottom:1rem;color:#1e3a8a}.success-card p{line-height:1.8;margin-bottom:1rem;color:#555}.success-card .btn{margin-top:2rem}
