@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.App{display:flex;justify-content:center;width:100%;min-height:100vh;flex-direction:column;background:linear-gradient(135deg,#667eea,#764ba2);position:relative}.App:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,119,198,.2) 0%,transparent 50%);pointer-events:none;z-index:0}.App>*{position:relative;z-index:1}.nav-container{display:flex;justify-content:space-between;align-items:center;top:0;left:0;position:fixed;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);height:80px;width:100%;box-shadow:0 8px 32px #0000001a;z-index:1000;padding:0 2rem;border-bottom:1px solid rgba(255,255,255,.2);transition:all .3s ease}.nav-container .title{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease}.nav-container .title:hover{transform:scale(1.05)}.nav-links ul{display:flex;flex-direction:row;gap:2rem;list-style:none}.nav-links a{font-size:1rem;font-weight:500;color:#4a5568;text-decoration:none;padding:.5rem 1rem;border-radius:25px;transition:all .3s ease;position:relative;overflow:hidden}.nav-links a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);transition:left .3s ease;z-index:-1;border-radius:25px}.nav-links a:hover:before{left:0}.nav-links a:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.nav-links a svg{margin-left:.5rem;transition:transform .3s ease}.nav-links a:hover svg{transform:rotate(180deg)}@media (max-width: 950px){.nav-container{padding:0 1rem;height:70px}.nav-container .title{font-size:1.5rem}.nav-links{display:none}}.home-container{display:flex;justify-content:center;width:100%;margin-top:120px;padding:4rem 2rem;min-height:80vh;animation:fadeInUp 1s ease-out}.content-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;max-width:1200px;gap:4rem;background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:30px;padding:3rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 40px #0000001a}.text-container{max-width:600px;flex:1;min-width:300px}.text-container h1.name{font-weight:700;font-size:3.5rem;background:linear-gradient(135deg,#fff,#f8fafc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;line-height:1.2;animation:slideInLeft 1s ease-out .3s both}.text-container h3.title{font-size:1.3rem;font-weight:400;color:#ffffffe6;margin-bottom:2rem;line-height:1.6;animation:slideInLeft 1s ease-out .6s both}.text-container h4{font-size:1.4rem;font-weight:600;color:#fbbf24;margin-bottom:2rem;animation:slideInLeft 1s ease-out .9s both}.cta-button{display:inline-block;padding:1rem 2rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;text-decoration:none;border-radius:50px;font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:0 10px 30px #fbbf244d;animation:slideInLeft 1s ease-out 1.2s both}.cta-button:hover{transform:translateY(-3px);box-shadow:0 15px 40px #fbbf2466;background:linear-gradient(135deg,#f59e0b,#d97706)}.image-container{position:relative;animation:slideInRight 1s ease-out .6s both}.content-container img{width:400px;height:400px;border-radius:50%;object-fit:cover;border:6px solid rgba(255,255,255,.3);box-shadow:0 20px 60px #0003;transition:all .3s ease}.content-container img:hover{transform:scale(1.05);box-shadow:0 25px 80px #0000004d}.image-container:before{content:"";position:absolute;inset:-20px;background:linear-gradient(135deg,#fbbf24,#f59e0b,#667eea,#764ba2);border-radius:50%;z-index:-1;animation:rotate 10s linear infinite;opacity:.7}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@media (max-width: 950px){.home-container{margin-top:100px;padding:2rem 1rem}.content-container{gap:2rem;padding:2rem;border-radius:20px}.text-container{text-align:center}.text-container h1.name{font-size:2.5rem}.text-container h3.title{font-size:1.1rem}.text-container h4{font-size:1.2rem}.content-container img{width:300px;height:300px}.cta-button{padding:.8rem 1.5rem;font-size:1rem}}.courses-container{background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);width:100%;display:flex;justify-content:center;margin-top:4rem;flex-direction:column;align-items:center;padding:4rem 2rem;border-top:1px solid rgba(255,255,255,.1)}.courses-container h1{font-size:2.5rem;font-weight:700;color:#fff;text-align:center;margin-bottom:3rem;background:linear-gradient(135deg,#fff,#f8fafc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInDown 1s ease-out}.courses-container h3{font-weight:700;color:#fff;text-align:center;margin-bottom:3rem;background:linear-gradient(135deg,#fff,#f8fafc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInDown 1s ease-out}.courses-container h3 .whatsapp-link{color:#25d366;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;background:#25d366;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.courses-container h3 .whatsapp-link:hover{color:#128c7e;transform:scale(1.05);-webkit-text-fill-color:transparent}.courses-container h3 .whatsapp-link svg{font-size:1.2em}.courses-container .container{max-width:1200px;width:100%}.courses-container .container.animated .course:nth-child(odd){animation:slideInRight 1s cubic-bezier(.25,.46,.45,.94) both}.courses-container .container.animated .course:nth-child(2n){animation:slideInLeft 1s cubic-bezier(.25,.46,.45,.94) both}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 950px){.courses-container{padding:3rem 1rem}.courses-container h1{font-size:2rem;margin-bottom:2rem}}.course{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;padding:0;display:flex;justify-content:flex-start;width:100%;max-width:1000px;flex-direction:row;gap:0;min-height:400px;margin:2rem auto;cursor:pointer;transition:all .4s cubic-bezier(.25,.46,.45,.94);align-items:stretch;border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 40px #0000001a;overflow:hidden;position:relative}.course:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}.course:hover:before{left:100%}.course:hover{transform:translateY(-10px);box-shadow:0 25px 60px #0003;border-color:#667eea4d}.course img{width:400px;height:100%;object-fit:cover;transition:all .4s ease;flex-shrink:0}.course:hover img{transform:scale(1.05)}.course .content{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:2rem;background:linear-gradient(135deg,#fff,#f8fafc)}.course .content .title{font-size:1.5rem;font-weight:700;color:#1a202c;margin-bottom:1rem;line-height:1.3;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.course .content .date{font-size:1rem;font-weight:600;color:#fbbf24;margin-bottom:1rem;padding:.5rem 1rem;background:#fbbf241a;border-radius:20px;display:inline-block;width:fit-content}.course .content .description{font-size:1rem;color:#4a5568;line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.course .content .contact{color:#25d366;font-weight:600;font-size:1.1rem;text-decoration:none;padding:1rem 1.5rem;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border-radius:50px;transition:all .3s ease;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 8px 25px #25d3664d}.course .content .contact:hover{transform:translateY(-2px);box-shadow:0 12px 35px #25d36666;background:linear-gradient(135deg,#128c7e,#075e54)}.course .content .contact svg{font-size:1.2rem;transition:transform .3s ease}.course .content .contact:hover svg{transform:scale(1.2)}@media (max-width: 950px){.course{flex-direction:column;margin:1.5rem auto;min-height:auto}.course img{width:100%;height:250px;object-fit:contain;object-position:center;background:#f8fafc}.course .content{padding:1.5rem}.course .content .title{font-size:1.3rem;text-align:center}.course .content .date{text-align:center;margin:0 auto 1rem}.course .content .description{font-size:.95rem;text-align:center}.course .content .contact{font-size:1rem;padding:.8rem 1.2rem}}#About{width:100%;display:flex;justify-content:center;margin-top:4rem;flex-direction:column;align-items:center;padding:4rem 2rem;background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1)}#About .container{display:flex;flex-direction:row;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);width:100%;max-width:1200px;font-size:1rem;padding:3rem;border-radius:20px;box-shadow:0 20px 60px #0000001a;border:1px solid rgba(255,255,255,.2);gap:3rem}#About .container .about{flex:1;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}#About .container .objective{flex:1;display:flex;align-items:flex-start;flex-direction:column}#About .container .about h3,#About .container .objective h3{font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#About .container .about p,#About .container .objective p{color:#4a5568;line-height:1.7;font-size:1rem}#About .titles{display:flex;flex-direction:column;width:100%;max-width:800px;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);margin-top:3rem;text-align:center;padding:2rem;border-radius:20px;box-shadow:0 20px 60px #0000001a;border:1px solid rgba(255,255,255,.2)}#About .titles h3{font-size:1.8rem;font-weight:700;margin-bottom:2rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#About .titles .slider{aspect-ratio:26/10;width:100%;position:relative;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:15px;box-shadow:0 10px 30px #0000001a;gap:1rem;padding:1rem;background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}#About .titles .slider::-webkit-scrollbar{height:8px}#About .titles .slider::-webkit-scrollbar-track{background:#f1f5f9cc;border-radius:4px}#About .titles .slider::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}#About .titles .slider img{width:auto;height:100%;flex-shrink:0;position:relative;object-fit:contain;border-radius:10px;cursor:pointer;transition:all .3s ease;scroll-snap-align:center;box-shadow:0 5px 20px #00000026;background:#fff;border:2px solid rgba(255,255,255,.8)}#About .titles .slider img:hover{transform:scale(1.05);box-shadow:0 10px 30px #00000040;border-color:#667eea80}.slider-modal{aspect-ratio:50/35;width:90vw;max-width:900px;position:relative;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:15px;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);gap:1rem;padding:1rem}.slider-modal::-webkit-scrollbar{height:8px}.slider-modal::-webkit-scrollbar-track{background:#f1f5f9cc;border-radius:4px}.slider-modal::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}.slider-modal img{width:auto;height:100%;flex-shrink:0;position:relative;object-fit:contain;cursor:pointer;scroll-snap-align:center;border-radius:10px;transition:transform .3s ease;background:#fff;border:2px solid rgba(255,255,255,.8)}.slider-modal img:hover{transform:scale(1.02)}.ReactModal__Overlay{background-color:#000c!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:9999!important}.ReactModal__Content{background:#fffffff2!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:20px!important;box-shadow:0 25px 80px #0000004d!important;z-index:10000!important}@media (max-width: 950px){#About{padding:3rem 1rem}#About .container{flex-direction:column;padding:2rem;gap:2rem}#About .container .about h3,#About .container .objective h3{font-size:1.5rem;text-align:center}#About .container .about p,#About .container .objective p{text-align:center;font-size:.95rem}#About .titles{width:100%;padding:1.5rem}#About .titles h3{font-size:1.5rem}#About .titles .slider{aspect-ratio:4/3;background:#fffffff2;border:2px solid rgba(255,255,255,.3)}#About .titles .slider img{border:1px solid rgba(255,255,255,.9);box-shadow:0 3px 15px #0003}.slider-modal{width:95vw;aspect-ratio:4/3;background:#fffffffa}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;line-height:1.6;color:#1a202c;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}#root{width:100%;overflow-x:hidden;display:flex;justify-content:center;background:transparent}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 950px){#root,body{max-width:100%}}