*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}#root{width:100%;margin:0;padding:0}a{color:#007bff;text-decoration:none;transition:color .2s ease}a:hover{color:#0056b3}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}p{margin-bottom:1rem}button{border:none;cursor:pointer;font-family:inherit;transition:all .2s ease}button:focus,button:focus-visible{outline:2px solid #007bff;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.header{background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #0000001a;position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .3s ease}.header.scrolled{background-color:#fffffffa;box-shadow:0 2px 30px #00000026}.container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px}.logo{font-size:1.8rem;font-weight:800;color:#333;margin:0;background:linear-gradient(45deg,#007bff,#6610f2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav{display:flex;align-items:center;gap:20px}.nav-list{display:flex;list-style:none;margin:0;padding:0;gap:30px}.nav-link{background:none;border:none;color:#666;font-weight:500;font-size:1rem;cursor:pointer;transition:color .3s ease;padding:5px 0;position:relative}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(45deg,#007bff,#6610f2);transition:width .3s ease}.nav-link:hover{color:#007bff}.nav-link:hover:after{width:100%}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-around;width:30px;height:24px;background:none;border:none;cursor:pointer;padding:0}.mobile-menu-toggle span{width:100%;height:3px;background:#333;border-radius:2px;transition:all .3s ease}.mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:white;box-shadow:0 4px 20px #0000001a;border-top:1px solid #e9ecef}.mobile-nav-list{list-style:none;margin:0;padding:20px 0}.mobile-nav-list li{padding:0 20px}.mobile-nav-link{display:block;width:100%;padding:15px 0;background:none;border:none;color:#666;font-weight:500;font-size:1rem;cursor:pointer;transition:color .3s ease;text-align:left}.mobile-nav-link:hover{color:#007bff}@media (max-width: 768px){.nav-list{display:none}.mobile-menu-toggle{display:flex}.mobile-menu{display:block}.logo{font-size:1.5rem}.container{height:60px}}@media (max-width: 480px){.container{padding:0 15px}.logo{font-size:1.3rem}}.footer{background-color:#333;color:#fff;padding:40px 0 20px;margin-top:auto}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-bottom:30px}.footer-section h3,.footer-section h4{margin-bottom:15px;color:#fff}.footer-section p{color:#ccc;line-height:1.6}.footer-section ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:20px}.footer-section ul li{margin-bottom:0}.footer-section ul li a{color:#ccc;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#007bff}.footer-bottom{border-top:1px solid #555;padding-top:20px;text-align:center;color:#ccc}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:20px}.footer-section ul{justify-content:center}}@media (max-width: 480px){.footer-section ul{flex-direction:column;gap:10px;align-items:center}}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:6px;cursor:pointer;font-weight:500;text-decoration:none;transition:all .2s ease;font-family:inherit;line-height:1}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--small{padding:8px 16px;font-size:.875rem}.btn--medium{padding:12px 24px;font-size:1rem}.btn--large{padding:16px 32px;font-size:1.125rem}.btn--primary{background-color:#007bff;color:#fff}.btn--primary:hover:not(:disabled){background-color:#0056b3}.btn--secondary{background-color:#6c757d;color:#fff}.btn--secondary:hover:not(:disabled){background-color:#545b62}.btn--outline{background-color:transparent;border:2px solid #007bff;color:#007bff}.btn--outline:hover:not(:disabled){background-color:#007bff;color:#fff}.btn--ghost{background-color:transparent;color:#007bff}.btn--ghost:hover:not(:disabled){background-color:#007bff1a}.upcoming-events{padding:100px 0;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);position:relative;min-height:350px}.upcoming-events .container{max-width:1400px;margin:0 auto;padding:0 40px}.upcoming-events .events-container{position:relative}.upcoming-events .events-container:after{content:"";position:absolute;top:0;right:0;width:40px;height:100%;background:linear-gradient(to right,transparent,rgba(240,147,251,.1));pointer-events:none;z-index:1}.upcoming-events .section-title{text-align:center;font-size:2.5rem;margin-bottom:0;color:#fff;font-weight:700;width:25%;flex-shrink:0}.upcoming-events .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;position:relative;gap:20px}.upcoming-events .section-content{display:flex;width:75%;gap:20px}.upcoming-events .events-info{width:50%;display:flex;flex-direction:column;justify-content:center;padding:0 20px}.upcoming-events .events-description{color:#ffffffe6;font-size:1.1rem;line-height:1.6;margin-bottom:15px}.upcoming-events .events-stats{display:flex;gap:20px;margin-top:10px}.upcoming-events .stat-item{display:flex;flex-direction:column;align-items:center}.upcoming-events .stat-number{font-size:1.5rem;font-weight:700;color:#fff}.upcoming-events .stat-label{font-size:.9rem;color:#fffc;margin-top:2px}.upcoming-events .scroll-controls-container{width:50%;display:flex;justify-content:flex-end;align-items:center;padding:0 20px}.upcoming-events .scroll-controls{display:flex;gap:10px}.upcoming-events .scroll-button{background:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.3);border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#fff;box-shadow:0 2px 10px #0000001a}.upcoming-events .scroll-button:hover{background:rgba(255,255,255,.3);border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 4px 15px #0003}.upcoming-events .scroll-button:active{transform:translateY(0)}.upcoming-events .events-grid{display:flex;gap:30px;margin-top:40px;overflow-x:auto;scroll-behavior:smooth;padding-bottom:10px;scrollbar-width:none;-ms-overflow-style:none}.upcoming-events .events-grid::-webkit-scrollbar{display:none}.upcoming-events .event-card{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000026;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;min-width:120px;flex-shrink:0}.upcoming-events .event-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000040}.upcoming-events .event-image{height:120px;overflow:hidden;position:relative}.upcoming-events .event-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.upcoming-events .event-card:hover .event-image img{transform:scale(1.05)}.upcoming-events .event-content{padding:18px}.upcoming-events .event-title{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:8px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upcoming-events .event-subtitle{color:#666;font-size:.85rem;line-height:1.4;margin-bottom:10px;word-wrap:break-word;overflow-wrap:break-word}.upcoming-events .event-date{color:#f5576c;font-size:.8rem;font-weight:500;padding-top:8px;border-top:1px solid #eee;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.upcoming-events{padding:80px 0;min-height:500px}.upcoming-events .container{max-width:100%;padding:0 20px}.upcoming-events .section-title{font-size:2rem;width:100%;text-align:center;margin-bottom:20px}.upcoming-events .section-header{flex-direction:column;gap:20px;margin-bottom:30px}.upcoming-events .section-content{width:100%;flex-direction:column;gap:20px}.upcoming-events .events-info{width:100%;padding:0;text-align:center}.upcoming-events .events-description{font-size:1rem}.upcoming-events .events-stats{justify-content:center}.upcoming-events .scroll-controls-container{width:100%;justify-content:center;padding:0}.upcoming-events .events-grid{gap:20px;margin-top:20px}.upcoming-events .event-card{min-width:100px}.upcoming-events .event-content{padding:15px}.upcoming-events .event-title{font-size:1rem}.upcoming-events .event-subtitle{font-size:.8rem}.upcoming-events .scroll-button{width:40px;height:40px}}@media (max-width: 480px){.upcoming-events{padding:60px 0;min-height:450px}.upcoming-events .section-title{font-size:1.8rem}.upcoming-events .events-description{font-size:.95rem}.upcoming-events .events-stats{gap:15px}.upcoming-events .stat-number{font-size:1.3rem}.upcoming-events .stat-label{font-size:.8rem}.upcoming-events .event-card{min-width:90px}.upcoming-events .event-image{height:100px}.upcoming-events .event-content{padding:12px}.upcoming-events .scroll-button{width:35px;height:35px}}.home{min-height:200vh;display:flex;flex-direction:column}.main{flex:1}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section-title{text-align:center;font-size:2.5rem;margin-bottom:50px;color:#333;font-weight:700}.mission{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:160px 0;text-align:center;position:relative;overflow:hidden;min-height:800px;display:flex;align-items:center}.mission-background{position:absolute;top:0;left:0;right:0;bottom:500px;z-index:0}.mission-bg-image{width:100%;height:100%;object-fit:cover;opacity:.8}.mission:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index:1}.mission .container{position:relative;z-index:2}.mission-content{max-width:700px;margin:0 auto;position:relative;z-index:2}.mission-title{font-size:3.5rem;font-weight:800;margin-bottom:20px;line-height:1.2}.mission-subtitle{font-size:1.3rem;margin-bottom:40px;opacity:.95;line-height:1.6}.mission-actions{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.features{padding:100px 0;background-color:#f8f9fa}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px}.feature-card{background:white;padding:40px 30px;border-radius:15px;box-shadow:0 10px 30px #0000001a;text-align:center;transition:all .3s ease;border:1px solid #e9ecef}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.feature-icon{font-size:3rem;margin-bottom:20px;display:block}.feature-card h3{font-size:1.5rem;margin-bottom:15px;color:#333;font-weight:600}.feature-card p{color:#666;line-height:1.7;font-size:1rem}.stats{padding:80px 0;background:linear-gradient(135deg,#2c3e50 0%,#3498db 100%);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;text-align:center}.stat-item{padding:20px}.stat-number{font-size:3rem;font-weight:800;margin-bottom:10px;background:linear-gradient(45deg,#ffffff,#e3f2fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:1.1rem;opacity:.9;font-weight:500}.testimonials{padding:100px 0;background-color:#fff}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px}.testimonial-card{background:#f8f9fa;padding:40px;border-radius:15px;border-left:5px solid #007bff;transition:all .3s ease}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #007bff1a}.testimonial-content{margin-bottom:30px}.testimonial-content p{font-size:1.1rem;line-height:1.7;color:#555;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:15px}.author-info h4{margin:0;font-size:1.1rem;color:#333;font-weight:600}.author-info p{margin:5px 0 0;color:#007bff;font-size:.9rem}.courses{padding:100px 0;background-color:#f8f9fa}.courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;margin-bottom:60px}.course-card{background:white;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px #0000001a;transition:all .3s ease}.course-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.course-image{height:200px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:relative;display:flex;align-items:center;justify-content:center}.course-badge{position:absolute;top:15px;right:15px;background:#ff6b6b;color:#fff;padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.course-content{padding:30px}.course-content h3{font-size:1.3rem;margin-bottom:15px;color:#333;font-weight:600}.course-content p{color:#666;line-height:1.6;margin-bottom:20px}.course-meta{display:flex;gap:15px;margin-bottom:20px}.course-duration,.course-level{padding:5px 12px;background:#e9ecef;border-radius:20px;font-size:.85rem;color:#666}.course-price{font-size:1.5rem;font-weight:700;color:#007bff}.courses-cta{text-align:center}.cta{padding:100px 0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;text-align:center}.cta-content{max-width:600px;margin:0 auto}.cta-content h2{font-size:2.5rem;margin-bottom:20px;font-weight:700}.cta-content p{font-size:1.2rem;margin-bottom:40px;opacity:.9;line-height:1.6}.cta-actions{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.facts-section{background:#fffbe6;padding:60px 0;text-align:center}.facts-title{font-size:2rem;color:#ff6b6b;margin-bottom:30px;font-weight:700}.facts-list{list-style:none;padding:0;margin:0 auto;max-width:700px}.fact-item{font-size:1.15rem;color:#333;background:#fff3cd;border-radius:10px;padding:18px 24px;margin-bottom:18px;box-shadow:0 2px 8px #ffd70014;text-align:left}.recent-events-page{min-height:100vh;display:flex;flex-direction:column}@media (max-width: 768px){.mission-title{font-size:2.5rem}.mission-subtitle{font-size:1.1rem}.mission-actions,.cta-actions{flex-direction:column;align-items:center}.section-title{font-size:2rem}.features-grid,.testimonials-grid,.courses-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-number{font-size:2.5rem}.mission{padding:120px 0;min-height:500px}.features,.testimonials,.courses,.cta{padding:60px 0}}@media (max-width: 480px){.container{padding:0 15px}.mission-title{font-size:2rem}.stats-grid{grid-template-columns:1fr}.course-meta{flex-direction:column;gap:10px}.feature-card,.testimonial-card,.course-content{padding:25px}}.about-page{min-height:100vh;display:flex;flex-direction:column}.about-page .main{flex:1}.container{max-width:1200px;margin:0 auto;padding:0 0 0 10px}.section-title{text-align:center;font-size:2.5rem;margin-bottom:50px;color:#333;font-weight:700;margin-right:60px}.about-hero{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:120px 0 200px;text-align:center}.hero-content{max-width:800px;margin:0 auto}.hero-title{font-size:3rem;margin-bottom:0;margin-top:150px;font-weight:700}.hero-subtitle{font-size:1.25rem;line-height:1.6;opacity:.9}.about-mission{padding:150px 0;background:#f8f9fa}.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:-0px;align-items:center}.mission-text .section-title{text-align:left;margin-bottom:30px}.mission-description{font-size:1.1rem;line-height:1.8;color:#666;margin-bottom:-100px}.mission-stats{display:grid;grid-template-columns:1fr 1fr;gap:30px}.stat-card{background:white;padding:30px;border-radius:12px;box-shadow:0 4px 20px #0000001a;text-align:center}.stat-number{font-size:2.5rem;font-weight:700;color:#667eea;margin-bottom:10px}.stat-label{font-size:1rem;color:#666;margin:0}.about-values{padding:80px 0;background:white}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-top:60px}.value-card{text-align:center;padding:40px 30px;border-radius:12px;background:#f8f9fa;transition:transform .3s ease,box-shadow .3s ease}.value-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.value-icon{font-size:3rem;margin-bottom:20px}.value-title{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:15px}.value-description{font-size:1rem;line-height:1.6;color:#666;margin:0}.about-team{padding:250px 0;background:#f8f9fa}.team-header{text-align:center;margin-bottom:1cm}.team-grid{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.team-member{background:white;padding:30px 20px;border-radius:12px;text-align:center;box-shadow:0 4px 20px #0000001a;transition:transform .3s ease;max-width:250px;flex:0 0 250px}.team-member:hover{transform:translateY(-5px)}.member-avatar{width:60px;height:60px;margin:0 auto 15px;border-radius:50%;background:#667eea;display:flex;align-items:center;justify-content:center}.avatar-placeholder{color:#fff;font-size:1.2rem;font-weight:600}.member-name{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:5px}.member-role{font-size:.9rem;color:#667eea;margin-bottom:10px}.member-bio{font-size:.85rem;line-height:1.4;color:#666;margin:0}.about-contact{padding:200px 0;background:white}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:30px}.contact-info h3,.contact-form h3{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:20px}.contact-info p{font-size:1.1rem;line-height:1.6;color:#666;margin-bottom:30px}.contact-details{display:flex;flex-direction:column;gap:15px}.contact-item{font-size:1rem;color:#666}.contact-item strong{color:#333}.form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column}.form-input,.form-textarea{padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:#667eea}.form-textarea{resize:vertical;min-height:120px}.submit-button{background:#667eea;color:#fff;padding:12px 30px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s ease}.submit-button:hover{background:#5a67d8}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.mission-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.mission-text .section-title{text-align:center}.mission-stats{grid-template-columns:1fr;gap:20px}.values-grid{grid-template-columns:1fr;gap:30px}.team-grid{flex-direction:column;align-items:center;gap:30px}.team-member{max-width:300px;flex:none}.section-title{font-size:2rem;gap:40px}}@media (max-width: 480px){.about-hero{padding:100px 0 60px}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.about-mission,.about-values,.about-team,.about-contact{padding:60px 0}.section-title{font-size:1.8rem;margin-bottom:30px}.stat-card,.value-card,.team-member{padding:30px 20px}}.events-page{min-height:100vh;display:flex;flex-direction:column}.main.container{flex:1}.event-log-section{background:#f0f4ff;padding:40px 0 30px;margin-top:40px;border-radius:12px}.event-log-title{font-size:1.7rem;color:#007bff;margin-bottom:24px;font-weight:700}.event-log-list{list-style:none;padding:0;margin:0 auto;max-width:700px}.event-log-item{font-size:1.1rem;color:#222;background:#e3f2fd;border-radius:8px;padding:14px 20px;margin-bottom:14px;box-shadow:0 1px 4px #007bff12;text-align:left}.App{width:100%;margin:0;padding:0}