:root{--font-heading: "Merriweather", serif;--font-body: "Source Sans Pro", sans-serif;--font-ui: "Roboto", sans-serif;font-family:var(--font-body);line-height:1.6;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.2;letter-spacing:-.02em}h1{font-size:3.2em;font-weight:700}h2{font-size:2.4em;font-weight:600}h3{font-size:1.8em;font-weight:600}p,span,div{font-family:var(--font-body);line-height:1.6}button,input,textarea,select{font-family:var(--font-ui)}a{font-weight:500;color:#646cff;text-decoration:inherit;font-family:var(--font-body)}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;width:100%}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.language-dropdown{position:relative;display:inline-block}.language-dropdown *{outline:none}.language-dropdown button{outline:none;-webkit-tap-highlight-color:transparent}.language-dropdown-toggle{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.language-dropdown-toggle:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.language-dropdown-toggle:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db4d}.language-dropdown-toggle:focus-visible{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db4d}.language-dropdown-toggle:active{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db4d}.language-code{font-weight:600;letter-spacing:.5px;font-size:12px}.dropdown-arrow{font-size:6px;transition:transform .3s ease;margin-left:auto;opacity:.8}.dropdown-arrow.open{transform:rotate(180deg)}.language-dropdown-menu{position:absolute;top:100%;right:0;margin-top:3px;background:#fff;border:1px solid #e1e8ed;border-radius:4px;box-shadow:0 4px 15px #00000026;min-width:120px;z-index:1000;overflow:hidden;animation:dropdownSlideIn .3s ease}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.language-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;background:none;border:none;color:#333;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left;position:relative;outline:none}.language-option:hover{background-color:#f8f9fa;transform:translate(2px)}.language-option.active{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;font-weight:600;box-shadow:inset 0 1px #ffffff1a}.language-option:focus{outline:none}.language-option:focus-visible{outline:none}.language-option:active{outline:none}.language-option:not(:last-child){border-bottom:1px solid #f0f0f0}.language-name{flex:1;font-weight:500}.checkmark{color:#fff;font-weight:700;font-size:10px;opacity:.9}@media (max-width: 768px){.language-dropdown-toggle{padding:3px 5px;font-size:10px;min-width:50px;gap:3px}.language-code{font-size:9px}.dropdown-arrow{font-size:5px}.language-dropdown-menu{min-width:90px;right:-5px;margin-top:2px}.language-option{padding:5px 8px;font-size:10px;gap:6px}.language-name{font-size:9px}.checkmark{font-size:8px}}@media (max-width: 480px){.language-dropdown-toggle{padding:2px 4px;font-size:9px;min-width:45px;gap:2px}.language-code{font-size:8px}.dropdown-arrow{font-size:4px}.language-dropdown-menu{min-width:80px;right:-3px;margin-top:1px}.language-option{padding:4px 6px;font-size:9px;gap:4px}.language-name{font-size:8px}.checkmark{font-size:7px}}.navbar{background-color:#2c3e50;padding:clamp(.75rem,2vw,1rem) 0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px #0000001a;width:100%}.navbar-container{max-width:1200px;margin:0 auto;padding:0 clamp(15px,3vw,20px);display:flex;justify-content:space-between;align-items:center;width:100%}.navbar-logo{display:flex;align-items:center;text-decoration:none;color:#fff;font-weight:700;font-size:clamp(1.1rem,2.7vw,1.3rem);transition:transform .3s ease}.navbar-logo:hover{transform:scale(1.05)}.logo-img{height:clamp(52px,12vw,60px);width:clamp(52px,12vw,60px);margin-right:clamp(8px,2vw,10px);border-radius:12px;box-shadow:0 2px 8px #0000001a;object-fit:cover;transition:transform .3s ease}.logo-text{color:#fff;font-weight:700;font-size:clamp(1.1rem,2.7vw,1.3rem);transition:transform .3s ease}.navbar-menu{display:flex;list-style:none;margin:0;padding:0;gap:clamp(1.5rem,3vw,2rem)}.navbar-link{color:#fff;text-decoration:none;font-weight:600;transition:all .3s ease;padding:clamp(.25rem,1vw,.5rem) clamp(.75rem,2vw,1rem);border-radius:5px;font-size:clamp(1rem,2.2vw,1.1rem);transform:scale(1);display:inline-block}.navbar-link:hover{color:#3498db!important;background-color:#ffffff1a!important;transform:scale(1.1)!important;box-shadow:0 4px 8px #0003!important}.navbar-link.active{color:#3498db;background-color:#3498db33}.navbar-right{display:flex;align-items:center;gap:10px}.navbar-toggle{display:none;flex-direction:column;cursor:pointer;padding:clamp(3px,1vw,5px)}.hamburger{width:clamp(20px,5vw,25px);height:clamp(2px,.5vw,3px);background-color:#fff;margin:clamp(2px,.5vw,3px) 0;transition:.3s;border-radius:2px}@media (max-width: 768px){.navbar-right{gap:8px}.navbar-toggle{display:flex}.navbar-menu{position:fixed;left:-100%;top:clamp(60px,12vw,70px);flex-direction:column;background-color:#2c3e50;width:100%;text-align:center;transition:.3s;box-shadow:0 10px 27px #0000000d;padding:clamp(1.5rem,4vw,2rem) 0;gap:clamp(.75rem,2vw,1rem);max-height:calc(100vh - clamp(60px,12vw,70px));overflow-y:auto}.navbar-menu.active{left:0}.navbar-link{padding:clamp(.75rem,3vw,1rem) clamp(1.5rem,4vw,2rem);display:block;transform:scale(1);transition:all .3s ease;font-size:clamp(.9rem,2.2vw,1rem);white-space:nowrap}.navbar-link:hover{transform:scale(1.05)!important;box-shadow:0 4px 8px #0003!important}.hamburger.active:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.hamburger.active:nth-child(2){opacity:0}.hamburger.active:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.logo-text{display:block;font-size:clamp(.9rem,2.2vw,1rem)}.logo-img{height:clamp(45px,12vw,52px);width:clamp(45px,12vw,52px);border-radius:10px;object-fit:cover;transition:transform .3s ease}}@media (max-width: 480px){.navbar-right{gap:6px}.navbar-menu{top:clamp(50px,10vw,60px);padding:clamp(1rem,3vw,1.5rem) 0}.navbar-link{padding:clamp(.5rem,2.5vw,.75rem) clamp(1rem,3vw,1.5rem);font-size:clamp(.85rem,2vw,.95rem)}.logo-text{font-size:clamp(.8rem,2vw,.9rem)}.logo-img{height:clamp(40px,10vw,45px);width:clamp(40px,10vw,45px)}}.footer{background-color:#2c3e50;color:#fff;padding:clamp(1.5rem,4vw,2rem) 0 clamp(.75rem,2vw,1rem) 0;margin-top:auto;width:100%}.footer-container{max-width:1200px;margin:0 auto;padding:0 clamp(15px,3vw,20px);width:100%}.footer-content{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);margin-bottom:clamp(1.5rem,3vw,2rem);max-width:800px;margin-left:auto;margin-right:auto;align-items:start}.footer-section h3{color:#3498db;margin-bottom:clamp(.75rem,2vw,1rem);font-size:clamp(1.3rem,3vw,1.5rem)}.footer-section h4{color:#3498db;margin-bottom:clamp(.75rem,2vw,1rem);font-size:clamp(1.1rem,2.5vw,1.2rem);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.footer-section p{margin-bottom:clamp(.5rem,1vw,.75rem);line-height:1.6;font-size:clamp(.9rem,2vw,1rem)}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:clamp(.5rem,1vw,.75rem)}.footer-section ul li a{color:#fff;text-decoration:none;transition:color .3s ease;font-size:clamp(.9rem,2vw,1rem)}.footer-section ul li a:hover{color:#3498db}.footer-bottom{border-top:1px solid #34495e;padding-top:clamp(.75rem,2vw,1rem);text-align:center}.footer-bottom p{margin:0;color:#bdc3c7;font-size:clamp(.85rem,2vw,1rem)}.website-builder{font-size:clamp(.75rem,1.5vw,.85rem)!important;color:#95a5a6!important;margin-top:.25rem!important;opacity:.8}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:clamp(1rem,3vw,1.5rem);max-width:100%}.footer-section{text-align:center}}.home{min-height:100vh;display:flex;flex-direction:column;width:100%!important;max-width:100vw!important}.hero{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#2c3e50;padding:clamp(2rem,6vw,4rem) 0;min-height:clamp(50vh,60vh,70vh);display:flex;align-items:center;width:100%!important;max-width:100vw!important}.hero-content{width:100%;max-width:800px;margin:0 auto;padding:0 clamp(15px,3vw,20px);text-align:center}.hero-title-container{margin-bottom:clamp(1rem,3vw,1.5rem)}.hero-main-title{font-size:clamp(2.5rem,6vw,4rem);margin-bottom:.5rem;color:#2c3e50;line-height:1.1;animation:slideInDown 1s ease-out,gentleGlow 3s ease-in-out infinite;position:relative;text-shadow:0 0 20px rgba(44,62,80,.1);font-weight:700}.hero-subtitle{font-size:clamp(1.2rem,3vw,1.8rem);color:#34495e;line-height:1.3;animation:slideInDown 1s ease-out .2s both,gentleGlow 3s ease-in-out infinite;position:relative;text-shadow:0 0 15px rgba(52,73,94,.1);font-weight:500;margin:0}.hero-text h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:clamp(1rem,3vw,1.5rem);color:#2c3e50;line-height:1.2;animation:slideInDown 1s ease-out,gentleGlow 3s ease-in-out infinite;position:relative;text-shadow:0 0 20px rgba(44,62,80,.1)}.hero-text p{font-size:clamp(1rem,2.5vw,1.2rem);margin-bottom:clamp(1.5rem,4vw,2rem);line-height:1.6;color:#666;animation:slideInUp 1s ease-out .3s both,fadeInPulse 4s ease-in-out infinite;opacity:.9;transition:opacity .3s ease}.hero-text p:hover{opacity:1}.hero-buttons{display:flex;gap:clamp(.5rem,2vw,1rem);flex-wrap:wrap;animation:slideInUp 1s ease-out .6s both}.hero-buttons .btn{position:relative;overflow:hidden;transition:all .3s ease}.hero-buttons .btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.hero-buttons .btn:hover:before{left:100%}.hero-buttons .btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #3498db4d}.hero-image{display:flex;justify-content:center;align-items:center}.hero-image img{max-width:100%;height:auto;max-height:clamp(250px,40vh,400px);width:auto;animation:float 3s ease-in-out infinite}.features{padding:clamp(2rem,6vw,4rem) 0;background-color:#fff;width:100%!important;max-width:100vw!important}.features h2{text-align:center;margin-bottom:clamp(2rem,5vw,3rem);color:#2c3e50}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(280px,30vw,300px),1fr));gap:clamp(1.5rem,3vw,2rem);max-width:1200px;margin:0 auto;padding:0 clamp(15px,3vw,20px)}.feature-card{text-align:center;padding:clamp(1.5rem,4vw,2rem);background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.feature-icon{margin-bottom:clamp(1rem,3vw,1.5rem)}.feature-icon img{width:clamp(98px,14vw,112px);height:clamp(98px,14vw,112px);object-fit:cover;border-radius:12px;box-shadow:0 2px 8px #0000001a}.feature-card h3{margin-bottom:clamp(.75rem,2vw,1rem);color:#2c3e50}.feature-card p{color:#666;line-height:1.6}.cta{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#2c3e50;padding:clamp(2rem,6vw,4rem) 0;text-align:center;width:100%!important;max-width:100vw!important}.cta-content h2{color:#2c3e50;margin-bottom:clamp(.75rem,2vw,1rem)}.cta-content p{font-size:clamp(1rem,2.5vw,1.1rem);margin-bottom:clamp(1.5rem,4vw,2rem);max-width:600px;margin-left:auto;margin-right:auto;padding:0 clamp(15px,3vw,20px);color:#666}.cta .btn{color:#fff!important;transition:all .3s ease}.cta .btn:hover{background-color:#2980b9!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.btn-game{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border:none!important;position:relative;overflow:hidden}.btn-game:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.btn-game:hover{transform:translateY(-2px) scale(1.05)!important;box-shadow:0 8px 25px #667eea66!important}.btn-game:hover:before{left:100%}.video-section{padding:clamp(3rem,6vw,5rem) 0;background:linear-gradient(135deg,#f8f9fa,#e9ecef);width:100%!important;max-width:100vw!important}.video-section h2{text-align:center;margin-bottom:clamp(1rem,2vw,1.5rem);color:#2c3e50;font-family:var(--font-heading);font-weight:600;font-size:clamp(1.5rem,3.5vw,2rem)}.video-section-subtitle{text-align:center;margin-bottom:clamp(2rem,5vw,3rem);color:#666;font-family:var(--font-body);font-size:clamp(1rem,2.5vw,1.1rem);line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(300px,30vw,400px),1fr));gap:clamp(1.5rem,3vw,2rem);max-width:800px;margin:0 auto;padding:0 clamp(15px,3vw,20px)}.video-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:15px;overflow:hidden;box-shadow:0 5px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.video-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.video-thumbnail{position:relative;height:auto;overflow:hidden;border-radius:10px 10px 0 0;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;justify-content:center;align-items:center;padding:1rem}.video-thumbnail .fb-post{width:100%;max-width:500px}.video-info{padding:clamp(1rem,3vw,1.5rem)}.video-info h3{margin-bottom:clamp(.5rem,1.5vw,1rem);color:#2c3e50;font-family:var(--font-heading);font-weight:600;font-size:clamp(1.1rem,2.5vw,1.3rem)}.video-info p{margin-bottom:clamp(.75rem,2vw,1rem);color:#666;font-family:var(--font-body);line-height:1.5;font-size:clamp(.9rem,2vw,1rem)}.video-link{color:#3498db;text-decoration:none;font-weight:500;font-family:var(--font-body);transition:color .3s ease}.video-link:hover{color:#2980b9;text-decoration:underline}@media (max-width: 768px){.hero-content{grid-template-columns:1fr;gap:clamp(1.5rem,4vw,2rem);text-align:center}.hero-buttons{justify-content:center}.features-grid{grid-template-columns:1fr;gap:clamp(1rem,3vw,1.5rem)}}@media (max-width: 480px){.hero-buttons{flex-direction:column;align-items:center}.hero-buttons .btn{width:100%;max-width:200px}}@keyframes gentleGlow{0%,to{text-shadow:0 0 20px rgba(44,62,80,.1)}50%{text-shadow:0 0 30px rgba(44,62,80,.2)}}@keyframes expandLine{0%{width:0}to{width:80%}}@keyframes fadeInPulse{0%,to{opacity:.9}50%{opacity:1}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink{0%,50%{border-color:transparent}51%,to{border-color:#3498db}}.about{padding:clamp(1rem,3vw,2rem) 0;width:100%;max-width:100vw;font-family:var(--font-body)}.about-hero{padding:clamp(2rem,5vw,3rem) 0;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:10px;margin-bottom:clamp(2rem,5vw,3rem);width:100%;max-width:100vw;box-shadow:0 2px 10px #0000001a;min-height:clamp(200px,40vh,300px)}.about-hero-content{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,4vw,3rem);align-items:center;max-width:1200px;margin:0 auto;padding:0 clamp(15px,3vw,20px);width:100%}.about-hero-text h1{color:#2c3e50;margin-bottom:clamp(.75rem,2vw,1rem);font-family:var(--font-heading);font-weight:700;letter-spacing:-.03em;animation:slideInDown 1s ease-out}.about-hero-text p{font-size:clamp(1rem,2.5vw,1.1rem);line-height:1.6;color:#666;font-family:var(--font-body);font-weight:400;animation:slideInUp 1s ease-out .3s both}.about-hero-image{display:flex;justify-content:center;align-items:center}.about-hero-image img{max-width:100%;height:auto;max-height:clamp(150px,25vh,200px);width:auto;border-radius:12px;box-shadow:0 2px 8px #0000001a;animation:float 3s ease-in-out infinite}.mission{padding:clamp(2rem,5vw,3rem) 0;text-align:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:10px;margin-bottom:clamp(2rem,5vw,3rem);box-shadow:0 2px 10px #0000001a;width:100%;max-width:100vw}.founder-bio{padding:clamp(2rem,5vw,3rem) 0;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:10px;margin-bottom:clamp(2rem,5vw,3rem);width:100%;max-width:100vw;box-shadow:0 2px 10px #0000001a}.founder-bio-content{display:grid;grid-template-columns:300px 1fr;gap:clamp(2rem,4vw,3rem);align-items:start;max-width:1200px;margin:0 auto;padding:0 clamp(15px,3vw,20px);width:100%}.founder-bio-text h2{color:#2c3e50;margin-bottom:clamp(1rem,3vw,1.5rem);font-size:clamp(1.5rem,4vw,2rem);font-family:var(--font-heading);font-weight:600;letter-spacing:-.02em;animation:slideInDown 1s ease-out;text-align:center}.founder-intro{margin-bottom:clamp(1rem,3vw,1.5rem)}.founder-question{font-size:clamp(1rem,2.5vw,1.1rem);color:#3498db;font-weight:400;margin-bottom:clamp(.5rem,1.5vw,1rem);font-style:normal!important;text-align:center;line-height:1.6;font-family:var(--font-body);animation:slideInUp 1s ease-out .2s both}.founder-greeting{font-size:clamp(1rem,2.5vw,1.1rem);color:#2c3e50;font-weight:400;margin-bottom:clamp(.5rem,1.5vw,1rem);text-align:center;line-height:1.6;font-family:var(--font-body);animation:slideInUp 1s ease-out .4s both}.founder-highlights{display:grid;gap:clamp(1.5rem,3vw,2rem);margin-bottom:clamp(1.5rem,3vw,2rem)}.highlight-item{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:clamp(1rem,3vw,1.5rem);border-radius:10px;border-left:4px solid #3498db;transition:transform .3s ease,box-shadow .3s ease}.highlight-item:hover{transform:translateY(-2px);box-shadow:0 4px 15px #3498db1a}.highlight-item h4{color:#2c3e50;font-size:clamp(1.1rem,2.5vw,1.2rem);font-weight:600;margin-bottom:clamp(.5rem,1.5vw,1rem);font-family:var(--font-heading)}.highlight-item p{font-size:clamp(.9rem,2vw,1rem);line-height:1.6;color:#666;margin:0;font-family:var(--font-body)}.founder-challenge{font-size:clamp(1rem,2.5vw,1.1rem);color:#3498db;font-weight:400;font-style:normal;margin-top:clamp(1rem,3vw,1.5rem);text-align:center;line-height:1.6;font-family:var(--font-body);animation:slideInUp 1s ease-out .8s both}.founder-image{display:flex;justify-content:center;align-items:center}.founder-image img{max-width:100%;height:auto;max-height:clamp(250px,40vh,350px);width:auto;border-radius:15px;box-shadow:0 4px 15px #00000026;object-fit:cover;animation:fadeInScale 1.5s ease-out .5s both,gentleFloat 4s ease-in-out infinite}.mission-content h2{color:#2c3e50;margin-bottom:clamp(1rem,3vw,1.5rem)}.mission-content p{font-size:clamp(1rem,2.5vw,1.1rem);line-height:1.6;color:#666;max-width:800px;margin:0 auto;padding:0 clamp(15px,3vw,20px)}.values{padding:clamp(2rem,5vw,3rem) 0;margin-bottom:clamp(2rem,5vw,3rem);width:100%;max-width:100vw}.values h2{text-align:center;color:#2c3e50;margin-bottom:clamp(2rem,5vw,3rem)}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(250px,25vw,300px),1fr));gap:clamp(1.5rem,3vw,2rem);max-width:1200px;margin:0 auto;padding:0 clamp(15px,3vw,20px)}.value-card{text-align:center;transition:transform .3s ease}.value-card:hover{transform:translateY(-5px)}.value-icon{margin-bottom:clamp(1rem,3vw,1.5rem)}.value-icon{margin-bottom:clamp(1rem,3vw,1.5rem);text-align:center}.value-icon img{width:clamp(84px,14vw,105px);height:clamp(84px,14vw,105px);border-radius:12px;box-shadow:0 2px 8px #0000001a;object-fit:cover}.value-card h3{color:#2c3e50;margin-bottom:clamp(.75rem,2vw,1rem)}.value-card p{color:#666;line-height:1.6}.story{padding:clamp(3rem,6vw,4rem) 0;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:15px;margin:clamp(2rem,5vw,3rem) auto;width:95%;max-width:1200px;box-shadow:0 10px 30px #0000001a;position:relative;overflow:hidden}.story-content h2{color:#2c3e50;margin-bottom:clamp(1.5rem,4vw,2rem);text-align:center;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;position:relative}.story-content p{font-size:clamp(1rem,2.5vw,1.1rem);line-height:1.8;color:#555;margin-bottom:clamp(1rem,3vw,1.5rem);max-width:900px;margin-left:auto;margin-right:auto;padding:0 clamp(20px,4vw,30px);text-align:justify;position:relative}.story-content p:last-child{margin-bottom:0}.testimonials{padding:4rem 0;background:linear-gradient(135deg,#f8f9fa,#e9ecef);position:relative;overflow:hidden}.testimonials:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="%23ffffff" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events:none}.testimonials-content{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center;position:relative;z-index:1}.testimonials h2{font-size:clamp(1.5rem,4vw,2rem);color:#2c3e50;margin-bottom:1rem;font-weight:700}.testimonials-subtitle{font-size:1.2rem;color:#6c757d;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;font-weight:300}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.testimonial-card{background:#fffffff2;padding:2rem;border-radius:20px;box-shadow:0 8px 32px #0000001a;text-align:left;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:300px}.testimonial-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3498db,#2ecc71,#f39c12,#e74c3c);transform:scaleX(0);transition:transform .3s ease}.testimonial-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #00000026}.testimonial-card:hover:before{transform:scaleX(1)}.testimonial-quote{margin-bottom:1.5rem;position:relative;flex:1}.testimonial-quote:before{content:'"';position:absolute;top:-10px;left:-15px;font-size:4rem;color:#3498db;opacity:.3;font-family:serif}.testimonial-quote p{font-size:1rem;line-height:1.7;color:#495057;font-style:italic;margin:0;position:relative;z-index:1}.testimonial-author{border-top:1px solid #e9ecef;padding-top:1rem;margin-top:auto}.testimonial-author h4{font-size:1.1rem;color:#2c3e50;margin:0 0 .5rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.testimonial-author h4:before{content:"";width:8px;height:8px;background:linear-gradient(135deg,#3498db,#2ecc71);border-radius:50%;display:inline-block}.testimonial-details{font-size:.9rem;color:#6c757d;margin:0;font-weight:400}.stats{padding:clamp(2rem,5vw,3rem) 0;width:100%;max-width:100vw}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(180px,20vw,200px),1fr));gap:clamp(1.5rem,3vw,2rem);max-width:1200px;margin:0 auto;padding:0 clamp(15px,3vw,20px)}.stat-card{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#2c3e50;padding:clamp(1.5rem,4vw,2rem);border-radius:10px;text-align:center;box-shadow:0 5px 15px #0000001a}.stat-card h3{font-size:clamp(1.75rem,5vw,2.5rem);margin-bottom:clamp(.25rem,1vw,.5rem);color:#2c3e50}.stat-card p{font-size:clamp(1rem,2.5vw,1.1rem);color:#666}@media (max-width: 768px){.about-hero-content,.founder-bio-content{grid-template-columns:1fr;gap:clamp(1.5rem,4vw,2rem);text-align:center}.values-grid{grid-template-columns:1fr;gap:clamp(1rem,3vw,1.5rem)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:clamp(1rem,2vw,1rem)}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes gentleFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(.5deg)}50%{transform:translateY(-12px) rotate(0)}75%{transform:translateY(-8px) rotate(-.5deg)}}.courses{padding:clamp(1rem,3vw,2rem) 0;width:100%;max-width:100vw;font-family:var(--font-body)}.courses-hero{padding:clamp(2rem,5vw,3rem) 0;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:10px;margin-bottom:clamp(2rem,5vw,3rem);width:100%;max-width:100vw;box-shadow:0 2px 10px #0000001a;min-height:clamp(200px,40vh,300px)}.courses-hero-content{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,4vw,3rem);align-items:center;max-width:1200px;margin:0 auto;padding:0 clamp(15px,3vw,20px);width:100%}.courses-hero-text h1{color:#2c3e50;margin-bottom:clamp(.75rem,2vw,1rem);font-family:var(--font-heading);font-weight:700;letter-spacing:-.03em;animation:slideInDown 1s ease-out}.courses-hero-text p{font-size:clamp(1rem,2.5vw,1.1rem);line-height:1.6;color:#666;font-family:var(--font-body);font-weight:400;animation:slideInUp 1s ease-out .3s both}.courses-hero-image{display:flex;justify-content:center;align-items:center}.courses-hero-image img{max-width:100%;height:auto;max-height:clamp(150px,25vh,200px);width:auto;border-radius:12px;box-shadow:0 2px 8px #0000001a;animation:float 3s ease-in-out infinite}.course-categories{padding:clamp(2rem,5vw,3rem) 0;margin-bottom:clamp(2rem,5vw,3rem);width:100%;max-width:100vw}.course-categories h2{text-align:center;color:#2c3e50;margin-bottom:clamp(2rem,5vw,3rem);font-family:var(--font-heading);font-weight:600;animation:slideInDown 1s ease-out}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(300px,30vw,350px),1fr));gap:clamp(1.5rem,3vw,2rem);max-width:1200px;margin:0 auto;padding:0 clamp(15px,3vw,20px);align-items:stretch}.category-card{background:#fff;padding:clamp(1.5rem,4vw,2rem);border-radius:15px;box-shadow:0 5px 20px #0000001a;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:slideInUp 1s ease-out .4s both;position:relative;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;height:100%}.category-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(52,152,219,.1),transparent);transition:left .6s ease}.category-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 15px 40px #3498db33;border:2px solid rgba(52,152,219,.3)}.category-card:hover:before{left:100%}.category-card:hover .category-icon img{transform:scale(1.1) rotate(5deg)}.category-card:hover h3{color:#2980b9;transform:translate(5px)}.category-icon{text-align:center;margin-bottom:clamp(1rem,3vw,1.5rem)}.category-icon img{width:clamp(60px,10vw,80px);height:clamp(60px,10vw,80px);border-radius:12px;box-shadow:0 2px 8px #0000001a;object-fit:cover;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.category-card h3{color:#2c3e50;margin-bottom:clamp(.75rem,2vw,1rem);font-family:var(--font-heading);font-weight:600;text-align:center;transition:all .3s ease}.category-card p{color:#666;line-height:1.6;margin-bottom:clamp(1rem,3vw,1.5rem);text-align:center;flex:1}.category-card ul{list-style:none;padding:0;margin:0;flex-shrink:0}.category-card li{color:#2c3e50;padding:clamp(.25rem,1vw,.5rem) 0;border-bottom:1px solid #f0f0f0;position:relative;padding-left:clamp(1rem,2vw,1.5rem)}.category-card li:before{content:"✓";color:#3498db;font-weight:700;position:absolute;left:0}.category-card li:last-child{border-bottom:none}.course-levels{padding:clamp(2rem,5vw,3rem) 0;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:10px;margin-bottom:clamp(2rem,5vw,3rem);width:100%;max-width:100vw}.course-levels h2{text-align:center;color:#2c3e50;margin-bottom:clamp(2rem,5vw,3rem);font-family:var(--font-heading);font-weight:600;animation:slideInDown 1s ease-out}.levels-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,4vw,3rem);max-width:1200px;margin:0 auto;padding:0 clamp(15px,3vw,20px);align-items:stretch;min-height:0}.level-card{background:#fff;padding:clamp(1.5rem,4vw,2rem);border-radius:15px;box-shadow:0 5px 20px #0000001a;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:slideInUp 1s ease-out .6s both;position:relative;overflow:hidden;cursor:pointer;min-height:600px;display:flex;flex-direction:column;height:100%}.level-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3498db,#2980b9);transition:height .3s ease}.level-card.beginner:before{background:linear-gradient(90deg,#3498db,#2980b9)}.level-card.intermediate:before{background:linear-gradient(90deg,#3498db,#2980b9)}.level-card.advanced:before{background:linear-gradient(90deg,#85c1e9,#5dade2)}.level-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 15px 40px #0003}.level-card:hover:before{height:8px}.level-card:hover .level-header h3{transform:translate(5px);transition:transform .3s ease}.level-card:hover .level-badge{transform:scale(1.1);transition:transform .3s ease}.level-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(1rem,3vw,1.5rem);flex-shrink:0}.level-header h3{color:#2c3e50;font-family:var(--font-heading);font-weight:600;margin:0;transition:transform .3s ease}.level-badge{background:#3498db;color:#fff;padding:clamp(.25rem,1vw,.5rem) clamp(.5rem,2vw,1rem);border-radius:20px;font-size:clamp(.8rem,2vw,.9rem);font-weight:500;transition:transform .3s ease}.level-card.beginner .level-badge,.level-card.intermediate .level-badge{background:#3498db}.level-card.advanced .level-badge{background:#85c1e9}.level-card p{color:#666;line-height:1.6;margin-bottom:clamp(1rem,3vw,1.5rem);flex-shrink:0}.level-features{display:flex;flex-wrap:wrap;gap:clamp(.5rem,1vw,.75rem);margin-bottom:clamp(1rem,3vw,1.5rem);flex-shrink:0;margin-top:auto}.level-features span{background:#f8f9fa;color:#2c3e50;padding:clamp(.25rem,1vw,.5rem) clamp(.5rem,2vw,1rem);border-radius:15px;font-size:clamp(.8rem,2vw,.9rem);border:1px solid #e9ecef}.level-duration{color:#666;font-size:clamp(.9rem,2vw,1rem);flex-shrink:0;margin-top:0}.course-outline{margin:clamp(1rem,3vw,1.5rem) 0;padding:clamp(1rem,3vw,1.5rem);background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:10px;border-left:4px solid #3498db;flex:1;display:flex;flex-direction:column;min-height:0}.course-outline h4{color:#2c3e50;margin-bottom:clamp(.75rem,2vw,1rem);font-family:var(--font-heading);font-weight:600;font-size:clamp(1rem,2.5vw,1.1rem)}.outline-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(.5rem,1vw,.75rem);flex:1;min-height:0}.outline-item{background:#fff;padding:clamp(.5rem,1vw,.75rem);border-radius:8px;font-size:clamp(.8rem,2vw,.9rem);color:#2c3e50;border:1px solid #e9ecef;transition:all .3s ease}.outline-item:hover{background:#3498db;color:#fff;transform:translate(3px);box-shadow:0 2px 8px #3498db4d}.outline-item strong{color:inherit}.course-structure{margin:clamp(1rem,3vw,1.5rem) 0;padding:clamp(1rem,3vw,1.5rem);background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:10px;border-left:4px solid #3498db}.course-structure h4{color:#2c3e50;margin-bottom:clamp(.75rem,2vw,1rem);font-family:var(--font-heading);font-weight:600;font-size:clamp(1rem,2.5vw,1.1rem)}.structure-sections{display:grid;gap:clamp(1rem,2vw,1.5rem)}.structure-section{background:#fff;padding:clamp(.75rem,2vw,1rem);border-radius:8px;border:1px solid #e9ecef}.structure-section h5{color:#3498db;margin-bottom:clamp(.5rem,1vw,.75rem);font-family:var(--font-heading);font-weight:600;font-size:clamp(.9rem,2vw,1rem)}.structure-section p{color:#666;font-size:clamp(.8rem,2vw,.9rem);line-height:1.5;margin:0}.learning-methods{padding:clamp(2rem,5vw,3rem) 0;margin-bottom:clamp(2rem,5vw,3rem);width:100%;max-width:100vw}.learning-methods h2{text-align:center;color:#2c3e50;margin-bottom:clamp(2rem,5vw,3rem);font-family:var(--font-heading);font-weight:600;animation:slideInDown 1s ease-out}.methods-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(2rem,4vw,3rem);max-width:1200px;margin:0 auto;padding:0 clamp(15px,3vw,20px)}.method-card{background:#fff;padding:clamp(2rem,5vw,3rem);border-radius:15px;box-shadow:0 5px 20px #0000001a;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:slideInUp 1s ease-out .8s both;text-align:center;cursor:pointer;position:relative;overflow:hidden;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center}.method-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3498db0d,#2980b90d);opacity:0;transition:opacity .4s ease}.method-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 15px 40px #3498db26;border:2px solid rgba(52,152,219,.2)}.method-card:hover:before{opacity:1}.method-card:hover h3{color:#2980b9;transform:translateY(-2px);transition:all .3s ease}.method-card h3{color:#2c3e50;margin-bottom:clamp(1rem,3vw,1.5rem);font-family:var(--font-heading);font-weight:600;font-size:clamp(1.2rem,3vw,1.4rem);transition:all .3s ease}.method-card p{color:#666;line-height:1.6;font-size:clamp(.95rem,2.5vw,1.05rem);max-width:280px;margin:0 auto}.courses-cta{padding:clamp(2rem,5vw,3rem) 0;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:10px;text-align:center;width:100%;max-width:100vw;animation:slideInUp 1s ease-out 1s both}.cta-content h2{color:#2c3e50;margin-bottom:clamp(.75rem,2vw,1rem);font-family:var(--font-heading);font-weight:600}.cta-content p{color:#666;font-size:clamp(1rem,2.5vw,1.1rem);margin-bottom:clamp(1.5rem,4vw,2rem);max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:clamp(.5rem,2vw,1rem);justify-content:center;flex-wrap:wrap}.courses-cta .btn{color:#fff!important;transition:all .3s ease}.courses-cta .btn:hover{background-color:#2980b9!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.courses-cta .btn-secondary:hover{background-color:#7f8c8d!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 4px 8px #0003}@media (max-width: 768px){.courses-hero-content{grid-template-columns:1fr;gap:clamp(1.5rem,4vw,2rem);text-align:center}.categories-grid{grid-template-columns:1fr;gap:clamp(1rem,3vw,1.5rem)}.methods-grid{grid-template-columns:1fr;gap:clamp(1.5rem,3vw,2rem)}.levels-grid{grid-template-columns:1fr;gap:clamp(1rem,3vw,1.5rem)}.cta-buttons{flex-direction:column;align-items:center}.cta-buttons .btn{width:100%;max-width:200px}}@keyframes gentleBreath{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes gentleRotate{0%,to{transform:rotate(0)}25%{transform:rotate(1.5deg)}75%{transform:rotate(-1.5deg)}}.faq{padding:clamp(1rem,3vw,2rem) 0;width:100%;max-width:100vw}.faq-header{padding:clamp(2rem,5vw,3rem) 0;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:10px;margin-bottom:clamp(2rem,5vw,3rem);width:100%;max-width:100vw;box-shadow:0 2px 10px #0000001a;min-height:clamp(200px,40vh,300px)}.faq-header-content{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,4vw,3rem);align-items:center;max-width:1200px;margin:0 auto;padding:0 clamp(15px,3vw,20px);width:100%}.faq-header-text h1{color:#2c3e50;margin-bottom:clamp(.75rem,2vw,1rem);animation:slideInDown 1s ease-out}.faq-header-text p{font-size:clamp(1rem,2.5vw,1.1rem);line-height:1.6;color:#666;animation:slideInUp 1s ease-out .3s both}.faq-header-image{display:flex;justify-content:center;align-items:center}.faq-header-image img{max-width:100%;height:auto;max-height:clamp(150px,25vh,200px);width:auto;border-radius:12px;box-shadow:0 2px 8px #0000001a;animation:float 3s ease-in-out infinite}.faq-content{margin-bottom:clamp(2rem,5vw,3rem);width:100%;max-width:100vw}.faq-list{max-width:800px;margin:0 auto;padding:0 clamp(15px,3vw,20px)}.faq-item{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:10px;margin-bottom:clamp(.75rem,2vw,1rem);box-shadow:0 2px 10px #0000001a;overflow:hidden;transition:all .3s ease;border:2px solid transparent;outline:none}.faq-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026;border-color:#3498db}.faq-item.active{border:2px solid transparent;outline:none}.faq-question{width:100%;padding:clamp(1rem,3vw,1.5rem);background:none;border:none;outline:none;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:clamp(1rem,2.5vw,1.1rem);font-weight:500;color:#2c3e50;transition:all .3s ease;position:relative;overflow:hidden}.faq-question:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(52,152,219,.1),transparent);transition:left .5s ease}.faq-question:hover:before{left:100%}.faq-question:hover{background-color:#f8f9fa;color:#3498db;padding-left:clamp(1.5rem,4vw,2rem)}.faq-question.active{background-color:#3498db;color:#fff;padding-left:clamp(1.5rem,4vw,2rem);border:none;outline:none}.faq-question.active:hover{background-color:#2980b9;color:#fff}.faq-icon{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700;transition:all .3s ease;background:#3498db1a;border-radius:50%;width:clamp(30px,6vw,35px);height:clamp(30px,6vw,35px);display:flex;align-items:center;justify-content:center;color:#3498db}.faq-question:hover .faq-icon{transform:scale(1.1);background:#3498db33;color:#3498db}.faq-question.active .faq-icon{transform:rotate(180deg) scale(1.1);background:#fff3;color:#fff}.faq-question.active:hover .faq-icon{background:#ffffff4d;color:#fff}.faq-answer{max-height:0;overflow:hidden;transition:all .3s ease;background-color:#f8f9fa;border-top:1px solid transparent}.faq-answer.active{max-height:500px;padding:clamp(1rem,3vw,1.5rem);border-top:none}.faq-answer p{margin:0;line-height:1.6;color:#666;font-size:clamp(.9rem,2vw,1rem)}.faq-idiom{margin:1rem 0 0!important;font-style:italic;color:#3498db!important;font-weight:500;font-size:clamp(.85rem,1.8vw,.95rem)!important;text-align:right;border-top:1px solid #e9ecef;padding-top:.75rem}.faq-contact{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#2c3e50;padding:clamp(2rem,5vw,3rem) 0;border-radius:10px;text-align:center;width:100%;max-width:100vw}.faq-contact-content h2{color:#2c3e50;margin-bottom:clamp(.75rem,2vw,1rem)}.faq-contact-content p{font-size:clamp(1rem,2.5vw,1.1rem);margin-bottom:clamp(1.5rem,4vw,2rem);max-width:600px;margin-left:auto;margin-right:auto;padding:0 clamp(15px,3vw,20px);color:#666}.faq-contact-buttons{display:flex;gap:clamp(.5rem,2vw,1rem);justify-content:center;flex-wrap:wrap}.faq-contact .btn{color:#fff!important;transition:all .3s ease}.faq-contact .btn:hover{background-color:#2980b9!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.faq-contact .btn-secondary:hover{background-color:#7f8c8d!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 4px 8px #0003}@media (max-width: 768px){.faq-header-content{grid-template-columns:1fr;gap:clamp(1.5rem,4vw,2rem);text-align:center}.faq-contact-buttons{flex-direction:column;align-items:center}.faq-contact-buttons .btn{width:100%;max-width:200px}}.contact{padding:clamp(1rem,3vw,2rem) 0;width:100%;max-width:100vw}.contact-header{padding:clamp(2rem,5vw,3rem) 0;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:10px;margin-bottom:clamp(2rem,5vw,3rem);width:100%;max-width:100vw;box-shadow:0 2px 10px #0000001a;min-height:clamp(200px,40vh,300px)}.contact-header-content{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,4vw,3rem);align-items:center;max-width:1200px;margin:0 auto;padding:0 clamp(15px,3vw,20px);width:100%}.contact-header-text h1{color:#2c3e50;margin-bottom:clamp(.75rem,2vw,1rem);animation:slideInDown 1s ease-out}.contact-header-text p{font-size:clamp(1rem,2.5vw,1.1rem);line-height:1.6;color:#666;animation:slideInUp 1s ease-out .3s both}.contact-header-image{display:flex;justify-content:center;align-items:center}.contact-header-image img{max-width:100%;height:auto;max-height:clamp(150px,25vh,200px);width:auto;border-radius:12px;box-shadow:0 2px 8px #0000001a;animation:float 3s ease-in-out infinite}.contact-content{margin-bottom:clamp(2rem,5vw,3rem);width:100%;max-width:100vw}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,4vw,3rem);max-width:1200px;margin:0 auto;padding:0 clamp(15px,3vw,20px);align-items:stretch}.contact-form-section{display:flex;flex-direction:column;height:100%}.contact-form-section h2{color:#2c3e50;margin-bottom:clamp(1.5rem,3vw,2rem);padding-top:clamp(1.5rem,4vw,2rem)}.contact-form{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:clamp(1.5rem,4vw,2rem);border-radius:10px;box-shadow:0 5px 15px #0000001a;flex:1;display:flex;flex-direction:column}.form-group{margin-bottom:clamp(1rem,3vw,1.5rem)}.form-group label{display:block;margin-bottom:clamp(.25rem,1vw,.5rem);font-weight:500;color:#2c3e50;font-size:clamp(.9rem,2vw,1rem)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:clamp(.5rem,2vw,.75rem);border:2px solid #e1e8ed;border-radius:5px;font-size:clamp(.9rem,2vw,1rem);transition:border-color .3s ease;background-color:#f8f9fa;color:#2c3e50}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3498db;background-color:#fff;box-shadow:0 0 0 3px #3498db1a}.form-group textarea{resize:vertical;min-height:clamp(100px,20vh,120px)}.form-group input::placeholder,.form-group textarea::placeholder{color:#95a5a6;opacity:1}.submit-btn{width:100%;padding:clamp(.75rem,2vw,1rem);font-size:clamp(1rem,2.5vw,1.1rem);margin-top:clamp(.75rem,2vw,1rem);margin-top:auto}.submit-btn:disabled{background-color:#95a5a6;cursor:not-allowed}.success-message{background-color:#d4edda;color:#155724;padding:clamp(.75rem,2vw,1rem);border-radius:5px;margin-top:clamp(.75rem,2vw,1rem);text-align:center;font-size:clamp(.9rem,2vw,1rem)}.error-message{background-color:#f8d7da;color:#721c24;padding:clamp(.75rem,2vw,1rem);border-radius:5px;margin-top:clamp(.75rem,2vw,1rem);text-align:center;font-size:clamp(.9rem,2vw,1rem)}.contact-info-section{display:flex;flex-direction:column;height:100%}.contact-info-section h2{color:#2c3e50;margin-bottom:clamp(1.5rem,3vw,2rem);padding-top:clamp(1.5rem,4vw,2rem)}.contact-info-content{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:clamp(1.5rem,4vw,2rem);border-radius:10px;box-shadow:0 5px 15px #0000001a;flex:1;display:flex;flex-direction:column}.contact-info-item{margin-bottom:clamp(1.5rem,3vw,2rem);padding-bottom:clamp(1rem,3vw,1.5rem);border-bottom:1px solid #e1e8ed}.contact-info-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.contact-info-item h3{color:#3498db;margin-bottom:clamp(.25rem,1vw,.5rem);font-size:clamp(1.1rem,2.5vw,1.2rem)}.contact-info-item p{color:#666;margin-bottom:clamp(.125rem,.5vw,.25rem);line-height:1.6;font-size:clamp(.9rem,2vw,1rem)}.contact-info-item p a{color:#3498db;text-decoration:none;transition:color .3s ease}.contact-info-item p a:hover{color:#2980b9;text-decoration:underline}.contact-info-item p:has(a){cursor:pointer}.social-links{display:flex;gap:clamp(.5rem,2vw,1rem);flex-wrap:wrap}.social-link{color:#3498db;text-decoration:none;padding:clamp(.25rem,1vw,.5rem) clamp(.5rem,2vw,1rem);border:2px solid #3498db;border-radius:5px;transition:all .3s ease;font-size:clamp(.9rem,2vw,1rem)}.social-link:hover{background-color:#3498db;color:#fff}@media (max-width: 768px){.contact-header-content{grid-template-columns:1fr;gap:clamp(1.5rem,4vw,2rem);text-align:center}.contact-grid{grid-template-columns:1fr;gap:clamp(1.5rem,3vw,2rem);align-items:stretch}.contact-form-section,.contact-info-section{height:auto;min-height:fit-content}.contact-form{flex:none}.social-links{justify-content:center}}@media (max-width: 480px){.social-links{flex-direction:column;align-items:center}.social-link{width:100%;text-align:center;max-width:200px}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(1deg)}}.game-loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;align-items:center;z-index:1000}.loading-container{text-align:center;color:#2c3e50;max-width:400px;padding:2rem}.loading-pulse{margin-bottom:2rem}.loading-logo{font-size:4rem;margin-bottom:1rem;animation:pulse 2s infinite}.loading-title{font-size:2rem;font-weight:700;margin-bottom:1rem}.loading-progress{margin-top:2rem}.loading-progress .progress-bar{width:100%;height:8px;background:#2c3e5033;border-radius:4px;overflow:hidden;margin-bottom:1rem}.loading-progress .progress-fill{height:100%;background:linear-gradient(90deg,#3498db,#2980b9);transition:width .3s ease;border-radius:4px}.loading-text{font-size:1.1rem;margin-bottom:.5rem;opacity:.9}.loading-percentage{font-size:1.5rem;font-weight:700}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.simple-game{max-width:1200px;margin:0 auto;padding:1rem;font-family:var(--font-body);display:grid;grid-template-columns:1fr 1fr;gap:2rem;min-height:80vh;align-items:stretch}.game-header{text-align:center;margin-bottom:1rem;padding:.75rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:10px;box-shadow:0 4px 15px #0000001a;grid-column:1 / -1}.game-header h1,.game-header h2{color:#2c3e50;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.game-header p{color:#666;font-size:1rem;margin-bottom:.75rem}.game-info{display:flex;justify-content:space-between;margin-bottom:1rem;font-weight:500;color:#2c3e50}.progress-bar{width:100%;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#3498db,#2980b9);transition:width .3s ease}.start-screen{text-align:center;padding:2rem 1rem}.start-btn{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;padding:1rem 3rem;font-size:1.2rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #3498db4d}.start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3498db66}.question-container{background:#fff;border-radius:10px;padding:1.25rem;box-shadow:0 4px 15px #0000001a;height:500px;display:flex;flex-direction:column}.question{text-align:center;margin-bottom:1rem}.question h3{color:#2c3e50;font-size:1.1rem;margin-bottom:.5rem}.english-idiom{font-size:1.3rem;font-weight:700;color:#3498db;margin:.5rem 0;padding:.5rem;background:#f8f9fa;border-radius:6px;border:2px solid #e9ecef}.question-hint{color:#666;font-size:1rem;margin-top:1rem}.options{display:grid;gap:.5rem;margin-bottom:1rem;flex:1;height:250px}.option-btn{background:#fff;border:2px solid #e9ecef;padding:.5rem .75rem;font-size:.9rem;text-align:left;border-radius:6px;cursor:pointer;transition:all .3s ease;color:#2c3e50}.option-btn:hover:not(:disabled){border-color:#3498db;background:#f8f9fa;transform:translateY(-2px);box-shadow:0 4px 10px #3498db33}.option-btn.selected{border-color:#3498db;background:#ebf3ff;color:#2980b9}.option-btn.correct{border-color:#27ae60;background:#d5f4e6;color:#27ae60}.option-btn.incorrect{border-color:#e74c3c;background:#fdf2f2;color:#e74c3c}.option-btn:disabled{cursor:not-allowed;opacity:.8}.submit-btn{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;padding:.5rem 1rem;font-size:.9rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .3s ease;width:100%;margin-bottom:.5rem}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #3498db4d}.submit-btn:disabled{background:#bdc3c7;cursor:not-allowed;transform:none;box-shadow:none}.result{text-align:center;padding:1rem;background:#f8f9fa;border-radius:8px;margin-top:.5rem}.feedback{font-size:1rem;font-weight:600;margin-bottom:.75rem;padding:.4rem .8rem;border-radius:6px}.feedback.correct{color:#27ae60;background:#d5f4e6}.feedback.incorrect{color:#e74c3c;background:#fdf2f2}.explanation{text-align:left;margin:.75rem 0;padding:.75rem;background:#fff;border-radius:6px;border-left:3px solid #3498db}.explanation h4{color:#2c3e50;margin-bottom:.4rem;font-size:1rem}.explanation p{color:#666;margin:.5rem 0;line-height:1.5}.next-btn{background:linear-gradient(135deg,#27ae60,#229954);color:#fff;border:none;padding:.6rem 1.5rem;font-size:.9rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .3s ease}.next-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #27ae604d}.info-panel{background:#fff;border-radius:10px;padding:1.25rem;box-shadow:0 4px 15px #0000001a;height:500px;display:flex;flex-direction:column;gap:1.5rem}.game-stats,.idiom-info,.tips{background:#f8f9fa;border-radius:8px;padding:1rem;flex:1}.game-stats h3,.idiom-info h3,.tips h3{color:#2c3e50;font-size:1rem;margin-bottom:.75rem;font-weight:600}.stat-item{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem}.stat-label{color:#666}.stat-value{color:#3498db;font-weight:600}.idiom-details p{margin-bottom:.5rem;font-size:.9rem;line-height:1.4}.tips ul{list-style:none;padding:0;margin:0}.tips li{font-size:.9rem;color:#666;position:relative;padding:.25rem 0 .25rem 1rem}.tips li:before{content:"•";color:#3498db;position:absolute;left:0;font-weight:700}.result-panel{background:#f8f9fa;border-radius:8px;padding:1rem}.result-panel h3{color:#2c3e50;font-size:1rem;margin-bottom:.75rem;font-weight:600}.result-status{font-size:1.1rem;font-weight:600;margin-bottom:.75rem;padding:.5rem;border-radius:6px;text-align:center}.result-status.correct{color:#27ae60;background:#d5f4e6}.result-status.incorrect{color:#e74c3c;background:#fdf2f2}.answer-details p{margin-bottom:.5rem;font-size:.9rem;line-height:1.4}.game-result{text-align:center;padding:3rem 2rem;background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;max-width:600px;width:90%;margin:0 auto;grid-column:1 / -1}.game-result h1{color:#2c3e50;margin-bottom:2rem;font-size:2.5rem}.score-display{margin:2rem 0}.final-score{font-size:3rem;font-weight:700;color:#3498db;margin-bottom:.5rem}.score-percentage{font-size:1.5rem;color:#666;font-weight:500}.result-message{font-size:1.2rem;color:#2c3e50;margin:1.5rem 0;padding:1rem;background:#f8f9fa;border-radius:10px}.play-again-btn{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;padding:1rem 3rem;font-size:1.2rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #3498db4d}.play-again-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3498db66}@media (max-width: 768px){.simple-game{grid-template-columns:1fr;gap:1rem;padding:.75rem}.game-header h1,.game-header h2{font-size:1.3rem}.english-idiom{font-size:1.2rem}.game-info{flex-direction:column;gap:.5rem}.question-container{padding:1rem}.final-score{font-size:2rem}}.game-page{min-height:100vh}.game-hero{background:linear-gradient(135deg,#667eea,#764ba2);padding:4rem 0;color:#fff;position:relative;overflow:hidden}.game-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.game-hero-content{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto}.game-hero-text h1{font-size:3.5rem;font-weight:700;margin-bottom:1rem;text-shadow:0 4px 20px rgba(0,0,0,.3)}.game-hero-text p{font-size:1.3rem;margin-bottom:2rem;opacity:.9;line-height:1.6}.game-features{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-top:2rem}.feature{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;padding:.75rem 1.5rem;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.feature-icon{font-size:1.5rem}.feature span:last-child{font-weight:500;font-size:.95rem}.game-content{background:#f8f9fa;padding:3rem 0;min-height:70vh}@media (max-width: 768px){.game-hero{padding:3rem 0}.game-hero-text h1{font-size:2.5rem}.game-hero-text p{font-size:1.1rem}.game-features{flex-direction:column;align-items:center;gap:1rem}.feature{padding:.5rem 1rem}.game-content{padding:2rem 0}}@media (max-width: 480px){.game-hero{padding:2rem 0}.game-hero-text h1{font-size:2rem}.game-hero-text p{font-size:1rem}.feature{font-size:.9rem;padding:.4rem .8rem}.game-content{padding:1.5rem 0}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%!important;margin:0!important;padding:0!important;overflow-x:hidden}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa;width:100%!important;display:block!important}.App{min-height:100vh;display:flex;flex-direction:column;width:100%!important;max-width:100vw!important}.main-content{flex:1;width:100%!important;min-height:calc(100vh - 140px);max-width:100vw!important}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}h1{font-size:clamp(1.75rem,4vw,2.5rem);margin-bottom:1rem;color:#2c3e50}h2{font-size:clamp(1.25rem,3vw,2rem);margin-bottom:1rem;color:#2c3e50}h3{font-size:clamp(1.1rem,2.5vw,1.5rem);margin-bottom:.5rem;color:#2c3e50}p{margin-bottom:1rem;font-size:clamp(.9rem,2vw,1rem)}.btn{display:inline-block;padding:clamp(8px,2vw,12px) clamp(16px,3vw,24px);background-color:#3498db;color:#fff!important;text-decoration:none;border-radius:5px;border:none;cursor:pointer;font-size:clamp(.9rem,2vw,1rem);transition:all .3s ease;white-space:nowrap}.btn:hover{background-color:#2980b9!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.btn-secondary{background-color:#95a5a6}.btn-secondary:hover{background-color:#7f8c8d!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.card{background:#fff;border-radius:10px;padding:clamp(15px,3vw,20px);box-shadow:0 2px 10px #0000001a;margin-bottom:20px}.page-loading{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;align-items:center;z-index:9999}.loading-container{text-align:center;color:#2c3e50}.loading-logo-img{width:80px;height:80px;margin-bottom:1rem;border-radius:16px;box-shadow:0 8px 32px #0000001a;animation:float 3s ease-in-out infinite}.loading-logo{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-shadow:0 4px 20px rgba(0,0,0,.1)}.loading-text{font-size:1.2rem;opacity:.8;animation:pulse 2s ease-in-out infinite}.page-enter{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.main-content{min-height:calc(100vh - 120px)}.container{padding:0 15px}.grid{grid-template-columns:1fr}.loading-logo-img{width:60px;height:60px}.loading-logo{font-size:2rem}.loading-text{font-size:1rem}}@media (max-width: 480px){.main-content{min-height:calc(100vh - 100px)}.container{padding:0 10px}.loading-logo-img{width:50px;height:50px}.loading-logo{font-size:1.8rem}}.page-enter{opacity:0;transform:translateY(20px);transition:all .6s ease-out}.page-enter-active{opacity:1;transform:translateY(0)}.btn-modern{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:8px}.btn-modern:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.btn-modern:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.btn-modern:hover:before{left:100%}.card-modern{transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:12px;background:#fff;box-shadow:0 2px 10px #0000001a}.card-modern:hover{transform:translateY(-5px);box-shadow:0 12px 30px #00000026}.nav-link-modern{position:relative;transition:all .3s ease}.nav-link-modern:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:#3498db;transition:all .3s ease;transform:translate(-50%)}.nav-link-modern:hover:after{width:100%}.input-modern{border:2px solid #e1e8ed;border-radius:8px;transition:all .3s ease;background:#fff}.input-modern:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;transform:translateY(-1px)}.loading-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in-up{opacity:0;transform:translateY(30px);transition:all .6s ease}.fade-in-up.visible{opacity:1;transform:translateY(0)}.slide-in-left{opacity:0;transform:translate(-50px);transition:all .6s ease}.slide-in-left.visible{opacity:1;transform:translate(0)}.slide-in-right{opacity:0;transform:translate(50px);transition:all .6s ease}.slide-in-right.visible{opacity:1;transform:translate(0)}.image-hover{transition:all .3s ease;border-radius:8px}.image-hover:hover{transform:scale(1.05);box-shadow:0 8px 25px #00000026}.text-highlight{position:relative;display:inline-block}.text-highlight:after{content:"";position:absolute;bottom:0;left:0;width:0;height:30%;background:#3498db33;transition:width .3s ease;z-index:-1}.text-highlight:hover:after{width:100%}.accordion-modern{transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:8px;overflow:hidden}.accordion-modern:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.float{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shadow-modern{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.shadow-modern:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.color-transition{transition:color .3s ease,background-color .3s ease}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.success-animation{animation:successPulse .6s ease}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.error-shake{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}