body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000001a;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.navbar-container{height:70px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{color:#2d3748;font-size:1.5rem;font-weight:700;text-decoration:none;transition:all .3s ease}.navbar-logo:hover{transform:scale(1.05)}.logo-icon{font-size:2rem;margin-right:8px}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.navbar-menu{align-items:center;display:flex;gap:32px}.navbar-link{color:#4a5568;font-size:1rem;font-weight:500;position:relative;text-decoration:none;transition:all .3s ease}.navbar-link:hover{color:#667eea;transform:translateY(-2px)}.navbar-link:after{background:linear-gradient(135deg,#667eea,#764ba2);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.navbar-link:hover:after{width:100%}.navbar-auth{align-items:center;display:flex;gap:16px}.auth-buttons{display:flex;gap:12px}.btn-login{border-radius:6px;color:#4a5568;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .3s ease}.btn-login:hover{background:#667eea1a;color:#667eea}.btn-signup{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;font-weight:600;padding:10px 20px;text-decoration:none;transition:all .3s ease}.btn-signup:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.user-menu{align-items:center;display:flex;gap:16px}.user-info{align-items:flex-end;display:flex;flex-direction:column}.user-name{color:#2d3748;font-size:.9rem;font-weight:600}.user-role{color:#718096;font-size:.8rem;text-transform:capitalize}.logout-btn{background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .3s ease}.logout-btn:hover{background:#edf2f7;color:#2d3748}.navbar-toggle{cursor:pointer;display:none;flex-direction:column;gap:4px}.bar{background:#4a5568;border-radius:2px;height:3px;transition:all .3s ease;width:25px}@media (max-width:768px){.navbar-container{padding:0 16px}.navbar-menu{align-items:center;background:#fff;box-shadow:0 4px 20px #0000001a;flex-direction:column;gap:24px;height:calc(100vh - 70px);justify-content:flex-start;left:-100%;padding-top:40px;position:fixed;top:70px;transition:left .3s ease;width:100%}.navbar-menu.active{left:0}.navbar-link{font-size:1.2rem;padding:12px 0}.navbar-auth{flex-direction:column;gap:20px}.auth-buttons{flex-direction:column;width:200px}.btn-login,.btn-signup{padding:12px 20px;text-align:center}.user-menu{flex-direction:column;gap:12px}.user-info{align-items:center}.navbar-toggle{display:flex}.navbar-toggle.active .bar:first-child{transform:rotate(45deg) translate(5px,5px)}.navbar-toggle.active .bar:nth-child(2){opacity:0}.navbar-toggle.active .bar:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}}.home{margin-top:70px}.hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden;padding:80px 0;position:relative}.hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath fill='rgba(255,255,255,0.1)' d='M0 1000 1000 0v1000z'/%3E%3C/svg%3E");background-size:cover;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.hero-container{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 20px;position:relative;z-index:1}.hero-content{animation:fadeInUp .8s ease-out}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:24px}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ffd89b,#19547b);-webkit-background-clip:text;background-clip:text}.hero-subtitle{font-size:1.25rem;line-height:1.6;margin-bottom:40px;opacity:.9}.hero-buttons{display:flex;gap:20px;margin-bottom:60px}.btn-primary{background:#fff;border-radius:12px;box-shadow:0 8px 25px #0003;color:#667eea;font-size:1.1rem;font-weight:700;padding:16px 32px}.btn-primary:hover{box-shadow:0 12px 35px #0000004d;transform:translateY(-3px)}.btn-secondary{background:#0000;border:2px solid #fff;border-radius:12px;color:#fff;font-size:1.1rem;padding:16px 32px}.btn-secondary:hover{background:#fff;color:#667eea;transform:translateY(-3px)}.hero-stats{display:flex;gap:40px}.stat{align-items:center;display:flex;flex-direction:column}.stat-number{font-size:2.5rem;margin-bottom:8px}.stat-label{opacity:.8}.hero-image{animation:fadeInRight .8s ease-out .2s both;height:500px;position:relative}.floating-card{align-items:center;animation:float 3s ease-in-out infinite;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;color:#2d3748;display:flex;gap:12px;padding:20px;position:absolute}.card-1{animation-delay:0s;left:10%;top:20%}.card-2{animation-delay:.5s;right:20%;top:10%}.card-3{animation-delay:1s;bottom:30%;left:5%}.card-4{animation-delay:1.5s;bottom:10%;right:10%}.card-icon{font-size:2rem}.card-text{font-size:.9rem;font-weight:600}.features{background:#f8fafc;padding:100px 0}.section-title{color:#2d3748;font-size:2.5rem;font-weight:700;margin-bottom:60px;text-align:center}.features-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.feature-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:40px 30px;text-align:center;transition:all .3s ease}.feature-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px)}.feature-icon{font-size:3rem;margin-bottom:24px}.feature-card h3{color:#2d3748;font-size:1.5rem;font-weight:700;margin-bottom:16px}.feature-card p{color:#718096;font-size:1rem;line-height:1.6}.cta{background:linear-gradient(135deg,#2d3748,#4a5568);color:#fff;padding:80px 0;text-align:center}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:24px}.cta-content p{font-size:1.25rem;margin-bottom:40px;opacity:.9}.btn-primary.large{font-size:1.2rem;padding:20px 40px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (max-width:768px){.hero-container{gap:40px;grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.hero-buttons{align-items:center;flex-direction:column}.hero-stats{gap:20px;justify-content:center}.features-grid{grid-template-columns:1fr}.floating-card{display:inline-block;margin:10px;position:relative}.hero-image{display:flex;flex-wrap:wrap;height:auto;justify-content:center}}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:450px;padding:40px;text-align:center;width:100%}.auth-card h2{color:#2d3748;font-size:2rem;font-weight:700;margin-bottom:8px}.auth-subtitle{color:#718096;font-size:1rem;margin-bottom:32px}.auth-form{text-align:left}.form-group{margin-bottom:24px}.form-group label{display:block}.form-group input,.form-group select{border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.recaptcha-container{display:flex;justify-content:center;margin:24px 0}.auth-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;margin-bottom:12px;padding:14px 24px;text-align:center;text-decoration:none;transition:all .2s ease;width:100%}.auth-button:hover:not(:disabled){box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.auth-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.auth-button.secondary{background:#f7fafc;border:2px solid #e2e8f0;color:#4a5568}.auth-button.secondary:hover:not(:disabled){background:#edf2f7;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.error-message{border-left:4px solid #fc8181;border-radius:8px;font-size:.9rem;margin-bottom:24px;padding:12px 16px}.auth-links{margin-top:24px;text-align:center}.auth-links p{color:#718096;margin:8px 0}.auth-links a{color:#667eea;font-weight:600;text-decoration:none}.auth-links a:hover{text-decoration:underline}.verification-icon{font-size:4rem;margin-bottom:24px}.verification-text{color:#4a5568;line-height:1.6;margin-bottom:32px}.verification-actions{display:flex;flex-direction:column;gap:12px}@media (max-width:480px){.auth-container{padding:16px}.auth-card{padding:24px}.auth-card h2{font-size:1.5rem}}.dashboard{background:#f8fafc;min-height:calc(100vh - 70px);padding:40px 0}.dashboard-header{margin-bottom:40px}.dashboard-header h1{color:#2d3748;font-size:2.5rem;font-weight:700;margin-bottom:12px}.dashboard-subtitle{color:#718096;font-size:1.1rem;max-width:600px}.dashboard-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.dashboard-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:32px;transition:all .3s ease}.dashboard-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.dashboard-card h3{align-items:center;color:#2d3748;display:flex;font-size:1.25rem;font-weight:700;gap:8px;margin-bottom:16px}.dashboard-card p{color:#718096;margin-bottom:20px}.lesson-list,.session-list{display:flex;flex-direction:column;gap:12px}.lesson-item,.session-item{align-items:center;background:#f7fafc;border-left:4px solid #667eea;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.lesson-time,.session-time{color:#667eea;font-size:.9rem;font-weight:600}.lesson-subject,.session-student{color:#2d3748;font-weight:500}.lesson-tutor{color:#718096;font-size:.9rem}.earnings-display{text-align:center}.earnings-amount{color:#48bb78;display:block;font-size:3rem;font-weight:800;margin-bottom:8px}.earnings-change{color:#68d391;font-size:.9rem;font-weight:600}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.stat-item{text-align:center}.stat-number{color:#667eea;display:block;font-size:2rem;font-weight:800;margin-bottom:4px}.stat-label{font-size:.8rem;font-weight:500}.action-buttons{display:flex;flex-direction:column;gap:12px}.action-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 20px;transition:all .3s ease}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-btn.primary:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.action-btn.secondary{background:#f7fafc;border:1px solid #e2e8f0;color:#4a5568}.action-btn.secondary:hover{background:#edf2f7;color:#2d3748}.progress-display{display:flex;flex-direction:column;gap:16px}.progress-item{align-items:center;display:flex;gap:12px}.progress-subject{color:#2d3748;font-size:.9rem;font-weight:500;min-width:80px}.progress-bar{background:#e2e8f0;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;height:100%;transition:width .3s ease}.progress-percentage{color:#667eea;font-size:.9rem;font-weight:600;min-width:40px;text-align:right}.achievements{display:flex;flex-direction:column;gap:12px}.achievement-item{align-items:center;background:#f7fafc;border-left:4px solid #f6ad55;border-radius:8px;display:flex;gap:12px;padding:12px}.achievement-icon{font-size:1.5rem}.achievement-text{color:#2d3748;font-weight:500}@media (max-width:768px){.dashboard{padding:20px 0}.dashboard-header h1{font-size:2rem}.dashboard-grid,.stats-grid{grid-template-columns:1fr}.stats-grid{gap:16px}.lesson-item,.session-item{gap:4px}.lesson-item,.progress-item,.session-item{align-items:flex-start;flex-direction:column}.progress-item{gap:8px}.progress-subject{min-width:auto}.progress-bar{width:100%}}.schedule{background:#f8fafc;min-height:calc(100vh - 70px);padding:40px 0}.schedule-header{margin-bottom:40px}.schedule-header h1{color:#2d3748;font-size:2.5rem;font-weight:700;margin-bottom:12px}.schedule-subtitle{color:#718096;font-size:1.1rem;max-width:600px}.schedule-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:2fr 1fr}.schedule-prompt{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin:0 auto;max-width:500px;padding:60px 40px;text-align:center}.prompt-icon{font-size:4rem;margin-bottom:24px}.schedule-prompt h2{color:#2d3748;font-size:2rem;font-weight:700;margin-bottom:16px}.schedule-prompt p{color:#718096;font-size:1.1rem;line-height:1.6;margin-bottom:32px}.prompt-actions{display:flex;gap:16px;justify-content:center}.btn-primary,.btn-secondary{border-radius:8px;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s ease}.calendar-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;min-height:600px;padding:32px}.calendar-placeholder{padding:60px 20px;text-align:center}.calendar-icon{font-size:4rem;margin-bottom:24px}.calendar-placeholder h3{color:#2d3748;font-size:1.5rem;font-weight:700;margin-bottom:16px}.calendar-placeholder p{color:#718096;line-height:1.6;margin-bottom:24px}.feature-list{color:#4a5568;margin:0 auto 24px;max-width:300px;text-align:left}.feature-list li{margin-bottom:8px;padding-left:8px}.coming-soon-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;padding:8px 16px}.schedule-sidebar{display:flex;flex-direction:column;gap:24px}.sidebar-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:24px}.sidebar-card h3{color:#2d3748;font-size:1.1rem;font-weight:700;margin-bottom:16px}.action-list{display:flex;flex-direction:column;gap:8px}.action-item{align-items:center;background:#f7fafc;border:none;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;text-align:left;transition:all .3s ease;width:100%}.action-item:hover{background:#edf2f7;transform:translateX(4px)}.action-icon{font-size:1.2rem}.event-list{display:flex;flex-direction:column;gap:12px}.event-item{background:#f7fafc;border-left:4px solid #667eea;border-radius:8px;display:flex;gap:12px;padding:12px}.event-time{color:#667eea;font-size:.9rem;font-weight:600;min-width:60px}.event-details{flex:1 1}.event-title{color:#2d3748;font-size:.9rem;font-weight:600;margin-bottom:2px}.event-participant{color:#718096;font-size:.8rem}.stats-list{display:flex;flex-direction:column;gap:12px}.stat-item{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:8px 0}.stat-item:last-child{border-bottom:none}.stat-label{color:#718096;font-size:.9rem}.stat-value{color:#2d3748;font-size:.9rem;font-weight:600}@media (max-width:768px){.schedule{padding:20px 0}.schedule-header h1{font-size:2rem}.schedule-content{gap:24px;grid-template-columns:1fr}.calendar-container{padding:20px}.calendar-placeholder{padding:40px 20px}.prompt-actions{align-items:center;flex-direction:column}.action-item{justify-content:flex-start}}.contact{background:#f8fafc;min-height:calc(100vh - 70px);padding:40px 0}.contact-header{margin-bottom:60px;text-align:center}.contact-header h1{color:#2d3748;font-size:2.5rem;font-weight:700;margin-bottom:16px}.contact-subtitle{color:#718096;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px}.contact-content{grid-gap:60px;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin-bottom:80px}.contact-info{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.info-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:32px 24px;text-align:center;transition:all .3s ease}.info-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.info-icon{font-size:2.5rem;margin-bottom:16px}.info-card h3{color:#2d3748;font-size:1.25rem;font-weight:700;margin-bottom:12px}.info-card p{color:#718096;line-height:1.5;margin-bottom:16px}.info-link{color:#667eea;font-size:.9rem;font-weight:600;text-decoration:none}.info-link:hover{text-decoration:underline}.info-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.info-button:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.contact-form-container{align-items:flex-start;display:flex}.form-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:40px;width:100%}.form-card h2{color:#2d3748;font-size:1.5rem;font-weight:700;margin-bottom:24px}.contact-form{display:flex;flex-direction:column;gap:24px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column}.form-group label{color:#2d3748;font-size:.9rem;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:1rem;padding:12px 16px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group textarea{min-height:120px;resize:vertical}.submit-button{align-self:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:16px 32px;transition:all .3s ease}.submit-button:hover:not(:disabled){box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-message,.success-message{border-radius:8px;font-weight:500;margin-bottom:24px;padding:16px}.success-message{background:#f0fff4;border:1px solid #9ae6b4;color:#22543d}.error-message{background:#fed7d7;border:1px solid #fc8181;color:#c53030}.faq-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:60px 40px}.faq-section h2{color:#2d3748;font-size:2rem;font-weight:700;margin-bottom:40px;text-align:center}.faq-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.faq-item{background:#f8fafc;border-left:4px solid #667eea;border-radius:12px;padding:24px}.faq-item h3{color:#2d3748;font-size:1.1rem;font-weight:700;margin-bottom:12px}.faq-item p{color:#718096;font-size:.95rem;line-height:1.6}@media (max-width:768px){.contact{padding:20px 0}.contact-header h1{font-size:2rem}.contact-content{gap:40px}.contact-content,.contact-info,.form-row{grid-template-columns:1fr}.form-card{padding:24px}.faq-section{padding:40px 20px}.faq-grid{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2d3748;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.App{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s ease}.btn-primary:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.btn-secondary{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:inline-block;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s ease}.btn-secondary:hover{background:#edf2f7;color:#2d3748}.container{margin:0 auto;max-width:1200px;padding:0 20px}.text-center{text-align:center}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;display:inline-block;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.container{padding:0 16px}}
/*# sourceMappingURL=main.05687236.css.map*/