:root{--text-primary:#212121;--text-secondary:#555;--background-white:#fff;--background-light:#f7f8fa;--card-border:#e0e0e0;--card-shadow:0 4px 12px rgba(0,0,0,.05);--accent-green:#33ae78;--accent-green-dark:#228b22;--accent-green-light:#eaf7f0;--accent-blue:var(--accent-green);--accent-red:#dc3545;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-serif:"Lora",serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--text-primary);background-color:var(--background-light);padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);font-size:16px;line-height:1.6;overflow-x:hidden}img,video,iframe{max-width:100%;height:auto}a{color:var(--accent-green);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-green-dark)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.main-content{min-height:100vh;padding-top:80px;padding-bottom:4rem}.cta-btn{background-color:var(--accent-green);color:#fff;text-align:center;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:background-color .3s,transform .2s;display:inline-block}.cta-btn:hover{background-color:var(--accent-green-dark);transform:translateY(-2px)}.floating-elements{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.floating-elements li{color:rgba(51,174,120,.1);width:20px;height:20px;font-size:2rem;list-style:none;animation:25s linear infinite floatUp;display:block;position:absolute;bottom:-150px}.floating-elements li:first-child{animation-delay:0s;left:25%}.floating-elements li:nth-child(2){font-size:1.5rem;animation-duration:12s;animation-delay:2s;left:10%}.floating-elements li:nth-child(3){animation-delay:4s;left:70%}.floating-elements li:nth-child(4){font-size:2.5rem;animation-duration:18s;animation-delay:0s;left:40%}.floating-elements li:nth-child(5){animation-delay:0s;left:65%}.floating-elements li:nth-child(6){font-size:3rem;animation-duration:22s;animation-delay:3s;left:75%}.floating-elements li:nth-child(7){animation-delay:7s;left:35%}.floating-elements li:nth-child(8){font-size:1.2rem;animation-duration:45s;animation-delay:15s;left:50%}.floating-sections li:nth-child(9){animation-duration:35s;animation-delay:2s;left:20%}.floating-elements li:nth-child(10){font-size:2.8rem;animation-duration:11s;animation-delay:0s;left:85%}@keyframes floatUp{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(-100vh)rotate(720deg)}}
.main-content{padding-top:95px}.hero{text-align:center;padding:7rem 0;position:relative;overflow:hidden}.hero-title{color:var(--text-primary);margin-bottom:1rem;font-family:Lora,serif;font-size:4rem;font-weight:600;line-height:1.2}.hero-title .highlight{color:var(--accent-blue)}.hero-subtitle{color:var(--text-secondary);max-width:700px;margin:0 auto 2.5rem;font-size:1.25rem}.cta-btn{background-color:var(--accent-blue);color:#fff;cursor:pointer;border:none;border-radius:5px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;transition:transform .3s,box-shadow .3s}.cta-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,63,136,.3)}.stats-bar{background-color:var(--background-white);border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border);padding:3rem 0}.stats-bar .container{flex-wrap:wrap;justify-content:space-around;align-items:center;gap:2rem;display:flex}.stat-item{text-align:center}.stat-item h3{color:var(--accent-blue);margin-bottom:.5rem;font-family:Lora,serif;font-size:2.5rem}.stat-item p{color:var(--text-secondary);font-weight:400}.section{padding:6rem 0}.section-title{text-align:center;color:var(--text-primary);margin-bottom:1rem;font-family:Lora,serif;font-size:2.8rem;font-weight:600}.section-subtitle{text-align:center;color:var(--text-secondary);max-width:700px;margin-bottom:4rem;margin-left:auto;margin-right:auto;font-size:1.15rem}.animated-logo-section{text-align:center;background-color:var(--background-white);flex-direction:column;align-items:center;padding:4rem 0;display:flex}.animated-logo-section>div{flex-direction:column;align-items:center;width:100%;display:flex}.logo-animation-container{justify-content:center;align-items:center;margin-top:3rem;display:flex}#features>div:first-child{flex-direction:column;align-items:center;display:flex}.features-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;display:grid}.feature-card{background-color:var(--background-white);border:1px solid var(--card-border);box-shadow:var(--card-shadow);text-align:center;border-radius:10px;padding:2.5rem;transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-10px);box-shadow:0 10px 20px rgba(0,0,0,.08)}.feature-icon{color:var(--accent-blue);margin-bottom:1.5rem;font-size:3rem}.feature-card h3{color:var(--text-primary);margin-bottom:1rem;font-family:Lora,serif;font-size:1.5rem}.feature-card p{color:var(--text-secondary);line-height:1.7}.mySwiper{padding-bottom:50px!important}.swiper-pagination-bullet-active{background-color:var(--accent-blue)!important}.swiper-slide{height:auto;display:flex}.course-card{width:100%}#courses>div:first-child{flex-direction:column;align-items:center;display:flex}.course-card{background-color:var(--background-white);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:10px;flex-direction:column;padding:2rem;display:flex}.course-card h4{color:var(--accent-blue);margin-bottom:1rem;font-family:Lora,serif;font-size:1.4rem}.course-card p{color:var(--text-secondary);flex-grow:1;margin-bottom:1.5rem;line-height:1.7}.course-card a{color:var(--accent-blue);font-weight:600;text-decoration:none;transition:transform .3s;display:inline-block}.course-card a:hover{transform:translate(5px)}.cta-section{background-color:var(--accent-blue);color:#fff;text-align:center;padding:5rem 0}.cta-section h2{margin-bottom:1rem;font-family:Lora,serif;font-size:2.5rem}.cta-section p{opacity:.9;margin-bottom:2rem;font-size:1.15rem}.cta-section .cta-btn{color:var(--accent-blue);background-color:#fff}.cta-section .cta-btn:hover{background-color:var(--background-light);box-shadow:0 6px 20px rgba(0,0,0,.2)}.kites-container{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.kite{opacity:.7;position:absolute}@keyframes flyPath1{0%{transform:translate(-10vw)translateY(20vh)rotate(-10deg)}50%{transform:translate(50vw)translateY(-10vh)rotate(10deg)}to{transform:translate(110vw)translateY(5vh)rotate(-5deg)}}@keyframes flyPath2{0%{transform:translate(-10vw)translateY(10vh)rotate(10deg)}50%{transform:translate(60vw)translateY(15vh)rotate(-15deg)}to{transform:translate(110vw)translateY(-5vh)rotate(5deg)}}.kite:first-child{font-size:4em;animation:18s linear -2s infinite flyPath1;top:5%}.kite:nth-child(2){font-size:2.5rem;animation:15s linear -8s infinite flyPath2;top:15%}.kite:nth-child(3){font-size:3.5rem;animation:22s linear -15s infinite flyPath1;top:10%}.kite:nth-child(4){font-size:2rem;animation:13s linear -20s infinite flyPath2;top:25%}#contact>div:first-child{flex-direction:column;align-items:center;display:flex}.contact-container{border:1px solid var(--card-border);box-shadow:var(--card-shadow);text-align:left;background-color:#fff;border-radius:10px;gap:3rem;padding:3rem;display:flex}.contact-form{text-align:left;background-color:var(--background-white);box-shadow:none;border-radius:0;flex-direction:column;flex:2;gap:1.5rem;max-width:none;margin:0;padding:0;display:flex}.form-group{margin-bottom:0}.form-group label{color:var(--text-primary);margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.contact-form input,.contact-form textarea,.contact-form select{background:var(--background-light);border:1px solid var(--card-border);width:100%;color:var(--text-primary);border-radius:5px;padding:1rem;font-family:Poppins,sans-serif;font-size:1rem;transition:border-color .3s,box-shadow .3s}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--accent-blue);outline:none;box-shadow:0 0 0 3px rgba(0,63,136,.15)}.contact-form textarea{resize:vertical;min-height:120px}.contact-form .cta-btn{align-self:flex-start}.contact-info{text-align:left;flex-direction:column;flex:1;gap:1.5rem;display:flex}.contact-info-image{text-align:center;opacity:.8;width:100%;margin-bottom:1rem}.contact-info-item h4{color:var(--text-primary);margin-bottom:.5rem;font-family:Lora,serif;font-size:1.2rem}.contact-info-item p{color:var(--text-secondary);margin:0;font-size:1.1rem;line-height:1.6}.contact-info-item a{color:var(--accent-blue);text-decoration:none;transition:-webkit-text-decoration .3s,text-decoration .3s}.contact-info-item a:hover{text-decoration:underline}@media screen and (max-width:768px){.main-content{padding-top:80px}.container{padding:0 1.5rem}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:4rem 1rem;display:flex}.hero-title{text-align:center;padding:0 .5rem;font-size:2.5rem}.hero-subtitle{text-align:center;padding:0 .5rem;font-size:1.1rem}.cta-btn{padding:.9rem 2rem;font-size:1rem}.stats-bar{padding:2rem 0}.stats-bar .container{gap:1.5rem;padding:0 1.5rem}.stat-item{text-align:center}.stat-item h3{font-size:2rem}.stat-item p{font-size:.9rem}.section{padding:4rem 0}.section-title{text-align:center;padding:0 .5rem;font-size:2rem}.section-subtitle{text-align:center;margin-bottom:2rem;margin-left:auto;margin-right:auto;padding:0 .5rem;font-size:1rem}.features-grid{grid-template-columns:1fr;gap:1.5rem;max-width:100%;padding:0}.feature-card{text-align:center;padding:2rem}.feature-card h3{font-size:1.3rem}.cta-section{text-align:center;padding:3rem 0}.cta-section h2{padding:0 1rem;font-size:1.8rem}.cta-section p{padding:0 1rem;font-size:1rem}.contact-container{flex-direction:column;gap:2rem;padding:2rem 1rem}.contact-form{flex:1;width:100%}.contact-info{text-align:left;flex:1;width:100%}.animated-logo-section{text-align:center;padding:3rem 0}.animated-logo-section>div{text-align:center}.logo-animation-container{margin-top:2rem}#features>div:first-child,#courses>div:first-child,#contact>div:first-child{text-align:center;width:100%}.mySwiper{padding:0 1rem}.kite:nth-child(3),.kite:nth-child(4){display:none}}@media screen and (max-width:480px){.main-content{padding-top:70px}.container{padding:0 1rem}.hero{text-align:center;padding:3rem 0}.hero-title{text-align:center;font-size:1.6rem;line-height:1.3}.hero-subtitle{text-align:center;font-size:.95rem}.cta-btn{padding:.8rem 1.5rem;font-size:.95rem}.stats-bar{padding:1.5rem 0}.stats-bar .container{flex-direction:column;gap:1rem;padding:0 1rem}.stat-item{text-align:center;width:100%}.stat-item h3{font-size:1.7rem}.stat-item p{font-size:.85rem}.section{padding:3rem 0}.section-title{text-align:center;padding:0 .5rem;font-size:1.45rem}.section-subtitle{text-align:center;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;padding:0 .5rem;font-size:.9rem}.features-grid{gap:1rem}.feature-card{text-align:center;padding:1.5rem}.feature-icon{font-size:2.3rem}.feature-card h3{font-size:1.1rem}.course-card{padding:1.5rem}.course-card h4{font-size:1.1rem}.course-card p{font-size:.9rem}.cta-section{text-align:center;padding:2.5rem 0}.cta-section h2{padding:0 1rem;font-size:1.4rem}.cta-section p{padding:0 1rem;font-size:.9rem}.contact-container{gap:1.5rem;padding:1.5rem 1rem}.contact-form{width:100%}.contact-form input,.contact-form textarea{padding:.8rem;font-size:.95rem}.contact-info{text-align:left;width:100%}.contact-info-item p{font-size:.95rem}.animated-logo-section{text-align:center;padding:2.5rem 0}.animated-logo-section>div{text-align:center}.animated-logo-section>div img{width:150px!important;height:150px!important}.logo-animation-container{margin-top:1.5rem}#features>div:first-child,#courses>div:first-child,#contact>div:first-child,.animated-logo-section>div:first-child{text-align:center;width:100%}#features .section-title,#courses .section-title,#contact .section-title,.animated-logo-section .section-title{margin-left:auto;margin-right:auto;font-size:1.45rem;display:block;text-align:center!important}.mySwiper{padding:0 .5rem}}
.auth-page{justify-content:center;align-items:center;min-height:100vh;padding-top:95px;display:flex}.auth-container{background-color:var(--background-white);max-width:450px;box-shadow:var(--card-shadow);text-align:center;border-radius:10px;margin:0 auto;padding:3rem}.auth-title{color:var(--text-primary);margin-bottom:1rem;font-family:Lora,serif;font-size:2.5rem;font-weight:600}.auth-subtitle{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.1rem}.auth-form{text-align:left;flex-direction:column;gap:1.5rem;display:flex}.auth-form input,.auth-form select{background:var(--background-light);border:1px solid var(--card-border);color:var(--text-primary);border-radius:5px;padding:1rem;font-size:1rem;transition:border-color .3s,box-shadow .3s}.auth-form input:focus,.auth-form select:focus{border-color:var(--accent-blue);outline:none;box-shadow:0 0 0 3px rgba(0,63,136,.15)}.auth-form .cta-btn{margin-top:1rem}.auth-switch{color:var(--text-secondary);margin-top:2rem}.auth-switch a{color:var(--accent-blue);font-weight:600;text-decoration:none;transition:color .3s}.auth-switch a:hover{color:var(--accent-green-dark)}.auth-error{color:#dc2626;text-align:center;background-color:#fee2e2;border-radius:5px;margin-bottom:1.5rem;padding:1rem}
.dashboard-container{padding-top:5rem;padding-bottom:5rem}.dashboard-header{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.dashboard-title{color:var(--text-primary);font-family:Lora,serif;font-size:2.8rem}.status-badge{border-radius:20px;padding:.5rem 1rem;font-size:.9rem;font-weight:600}.status-pending{color:#f59e0b;background-color:#fffbeb}.status-approved{color:#16a34a;background-color:#f0fdf4}.dashboard-section{background-color:var(--background-white);box-shadow:var(--card-shadow);border-radius:10px;margin-bottom:2rem;padding:2rem}.section-title{text-align:left;margin-bottom:1.5rem;font-size:1.8rem}.materials-container,.preview-container{background-color:var(--background-white);box-shadow:var(--card-shadow);border-radius:10px;padding:2rem}.tabs{border-bottom:1px solid var(--card-border);gap:1rem;margin-bottom:1.5rem;display:flex}.tab{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-bottom:3px solid transparent;padding:.8rem 1.5rem;font-size:1rem;font-weight:500;transition:all .3s}.tab:hover{color:var(--accent-green)}.tab.active{color:var(--accent-green);border-bottom-color:var(--accent-green)}.materials-list{gap:1rem;display:grid}.material-item{background-color:var(--background-light);border-left:4px solid var(--accent-green);border-radius:5px;padding:1rem}.material-item.preview{border-left-color:#f59e0b}.requests-list,.manage-students-list{flex-direction:column;gap:1rem;display:flex}.request-item,.student-item{background-color:var(--background-light);border-radius:5px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.request-actions,.student-actions{gap:.5rem;display:flex}.btn{border:1px solid var(--card-border);cursor:pointer;background-color:#fff;border-radius:5px;padding:.5rem 1rem;transition:background-color .3s}.btn:hover{background-color:var(--background-light)}.btn-approve{background-color:var(--accent-green);color:#fff;border-color:var(--accent-green)}.btn-approve:hover{background-color:var(--accent-green-dark)}.btn-reject{color:#dc2626;background-color:#fee2e2;border-color:#fee2e2}.btn-reject:hover{background-color:#fecaca}.upload-form{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:center;gap:1rem;display:grid}.upload-form select,.upload-form input{border:1px solid var(--card-border);border-radius:5px;width:100%;padding:.8rem}