.hero-section{min-height:100vh;position:relative;display:flex;align-items:center;overflow:hidden;background:var(--gradient-hero);padding-top:80px}.hero-bg-effects{position:absolute;inset:0;pointer-events:none}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:0.15;animation:orbFloat 8s ease-in-out infinite}.orb-1{width:600px;height:600px;background:var(--primary);top:-100px;right:-100px}.orb-2{width:400px;height:400px;background:var(--accent-purple);bottom:-50px;left:-50px;animation-delay:3s}.orb-3{width:300px;height:300px;background:var(--secondary);top:50%;left:50%;animation-delay:6s}.floating-shape{position:absolute;border:1px solid var(--border-color);border-radius:var(--radius-lg);animation:float 6s ease-in-out infinite}.shape-1{width:60px;height:60px;top:20%;right:15%;animation-delay:0s}.shape-2{width:40px;height:40px;top:60%;right:30%;animation-delay:2s}.shape-3{width:80px;height:80px;bottom:20%;left:20%;animation-delay:4s}.hero-container{max-width:1400px;margin:0 auto;padding:var(--spacing-3xl) var(--spacing-xl);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:center;position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:var(--primary-glow);border:1px solid var(--border-glow);color:var(--primary-light);padding:8px 20px;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:700;margin-bottom:var(--spacing-lg)}.hero-title{font-size:clamp(3rem,6vw,5.5rem);font-weight:900;line-height:1.2;margin-bottom:var(--spacing-lg)}.title-accent{background:linear-gradient(135deg,#6C63FF,#FF6B6B,#FFD93D);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite}.hero-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);line-height:1.8;margin-bottom:var(--spacing-md)}.hero-powered{color:var(--accent-gold);font-size:var(--font-size-sm);font-weight:700;margin-bottom:var(--spacing-lg)}.hero-description{color:var(--text-secondary);margin-bottom:var(--spacing-xl);max-width:600px}.hero-features{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.feature-chip{display:flex;align-items:center;gap:6px;background:var(--bg-glass);border:1px solid var(--border-color);padding:8px 16px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary)}.feature-chip i{color:var(--primary-light)}.hero-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-2xl)}.btn-hero-primary{background:var(--gradient-primary);color:white;padding:16px 32px;border-radius:var(--radius-full);font-size:var(--font-size-lg);font-weight:800;display:flex;align-items:center;gap:var(--spacing-sm);box-shadow:var(--shadow-primary);transition:all var(--transition-normal)}.btn-hero-primary:hover{transform:translateY(-3px);box-shadow:0 16px 48px rgba(108,99,255,0.5)}.btn-hero-secondary{background:transparent;color:var(--text-primary);padding:16px 32px;border-radius:var(--radius-full);font-size:var(--font-size-lg);font-weight:800;border:2px solid var(--border-glow);display:flex;align-items:center;gap:var(--spacing-sm);transition:all var(--transition-normal)}.btn-hero-secondary:hover{background:var(--bg-glass);border-color:var(--primary)}.hero-stats{display:flex;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-lg);background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-xl);backdrop-filter:blur(20px)}.stat-item{text-align:center}.stat-num{display:block;font-size:var(--font-size-2xl);font-weight:900;color:var(--primary-light)}.stat-label{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:600}.stat-divider{width:1px;height:40px;background:var(--border-color)}.hero-visual{display:flex;justify-content:center;align-items:center}.hero-card-showcase{position:relative;width:380px;height:420px}.showcase-card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-lg)}.showcase-card.main-card{width:100%;position:relative}.card-header-strip{height:4px;background:var(--gradient-primary);border-radius:var(--radius-full);margin-bottom:var(--spacing-lg)}.showcase-teacher{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.teacher-avatar-hero{width:56px;height:56px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:white;flex-shrink:0}.teacher-info-hero strong{display:block;font-weight:800}.teacher-info-hero span{font-size:var(--font-size-xs);color:var(--text-secondary)}.teacher-rating-hero{margin-right:auto;color:var(--accent-gold);font-weight:800}.showcase-stats{display:flex;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-lg)}.showcase-stats span{font-size:var(--font-size-xs);color:var(--text-secondary)}.showcase-stats i{color:var(--primary-light)}.showcase-btn{width:100%;background:var(--gradient-primary);color:white;padding:12px;border-radius:var(--radius-lg);font-weight:700;font-size:var(--font-size-sm);cursor:pointer;border:none;transition:all var(--transition-normal)}.showcase-btn:hover{opacity:0.9}.mini-card{position:absolute;background:var(--bg-card);border:1px solid var(--border-glow);border-radius:var(--radius-lg);padding:12px 16px;display:flex;align-items:center;gap:8px;font-size:var(--font-size-xs);font-weight:700;color:var(--primary-light)}.card-float-1{bottom:-30px;right:-20px;animation:float 4s ease-in-out infinite}.card-float-2{top:-20px;left:-20px;animation:float 4s ease-in-out infinite 2s}.teachers-section{background:var(--bg-secondary);padding:var(--spacing-3xl) 0}.filter-bar{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);flex-wrap:wrap;align-items:center}.filter-search{flex:1;min-width:250px;display:flex;align-items:center;gap:var(--spacing-md);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:12px 16px}.filter-search i{color:var(--text-muted)}.filter-search input{background:none;border:none;outline:none;color:var(--text-primary);font-size:var(--font-size-md);font-family:var(--font-primary);width:100%}.filter-selects{display:flex;gap:var(--spacing-sm)}.filter-select{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:12px 16px;color:var(--text-primary);font-family:var(--font-primary);outline:none;cursor:pointer}.teachers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-xl)}.teachers-loading{grid-column:1/-1;text-align:center;padding:var(--spacing-3xl);color:var(--text-muted)}.teacher-card-item{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-normal);position:relative}.teacher-card-item:hover{transform:translateY(-8px);border-color:var(--border-glow);box-shadow:var(--shadow-primary)}.teacher-card-top{padding:var(--spacing-xl);text-align:center;position:relative}.teacher-card-status{position:absolute;top:var(--spacing-md);left:var(--spacing-md);padding:4px 12px;border-radius:var(--radius-full);font-size:0.65rem;font-weight:700}.status-available{background:rgba(78,205,196,0.2);color:#4ECDC4;border:1px solid rgba(78,205,196,0.4)}.status-busy{background:rgba(255,159,67,0.2);color:var(--accent-orange);border:1px solid rgba(255,159,67,0.4)}.status-unavailable{background:rgba(255,107,107,0.2);color:var(--secondary);border:1px solid rgba(255,107,107,0.4)}.teacher-card-avatar{width:90px;height:90px;border-radius:50%;object-fit:cover;border:3px solid var(--primary);margin:0 auto var(--spacing-md);display:block;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:2rem;color:white}.teacher-card-avatar-img{width:90px;height:90px;border-radius:50%;object-fit:cover;border:3px solid var(--primary);margin:0 auto var(--spacing-md);display:block}.teacher-card-name{font-size:var(--font-size-lg);font-weight:800;margin-bottom:4px}.teacher-card-subject{color:var(--primary-light);font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-sm)}.teacher-card-rating{display:flex;align-items:center;justify-content:center;gap:4px;color:var(--accent-gold);font-weight:800;margin-bottom:var(--spacing-md)}.teacher-card-rating span{color:var(--text-muted);font-size:var(--font-size-xs)}.teacher-card-meta{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.meta-item{text-align:center}.meta-value{display:block;font-weight:800;color:var(--text-primary);font-size:var(--font-size-md)}.meta-label{font-size:0.65rem;color:var(--text-muted);font-weight:600}.teacher-card-footer{padding:var(--spacing-md);display:flex;gap:var(--spacing-sm)}.btn-view-profile{flex:1;padding:10px;border-radius:var(--radius-lg);font-weight:700;font-size:var(--font-size-xs);border:1px solid var(--border-glow);color:var(--primary-light);background:transparent;cursor:pointer;transition:all var(--transition-normal)}.btn-view-profile:hover{background:var(--primary-glow)}.btn-book-now{flex:1;padding:10px;border-radius:var(--radius-lg);font-weight:700;font-size:var(--font-size-xs);background:var(--gradient-primary);color:white;cursor:pointer;border:none;transition:all var(--transition-normal)}.btn-book-now:hover{opacity:0.9}.teacher-badge-chip{display:inline-flex;align-items:center;gap:4px;background:rgba(255,215,61,0.15);border:1px solid rgba(255,215,61,0.3);color:var(--accent-gold);padding:3px 10px;border-radius:var(--radius-full);font-size:0.65rem;font-weight:700;margin:2px}.section-footer{text-align:center;margin-top:var(--spacing-2xl)}.btn-view-all{background:transparent;color:var(--primary-light);padding:14px 32px;border-radius:var(--radius-full);font-weight:700;border:1px solid var(--border-glow);display:inline-flex;align-items:center;gap:var(--spacing-sm);transition:all var(--transition-normal);cursor:pointer}.btn-view-all:hover{background:var(--primary-glow)}.register-section{background:var(--bg-primary)}.register-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl)}.register-card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--spacing-2xl);position:relative;overflow:hidden;cursor:pointer;transition:all var(--transition-normal)}.register-card:hover{transform:translateY(-8px);border-color:var(--border-glow);box-shadow:var(--shadow-primary)}.register-card-glow{position:absolute;inset:0;opacity:0;transition:opacity var(--transition-normal);background:radial-gradient(circle at 50% 0%,var(--primary-glow),transparent 70%)}.register-card:hover .register-card-glow{opacity:1}.register-card-icon{width:80px;height:80px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:2rem;color:white;margin-bottom:var(--spacing-lg);position:relative}.student-card .register-card-icon{background:var(--gradient-primary);box-shadow:var(--shadow-primary)}.teacher-card .register-card-icon{background:var(--gradient-secondary);box-shadow:0 8px 32px rgba(255,107,107,0.4)}.register-card h3{font-size:var(--font-size-2xl);font-weight:900;margin-bottom:var(--spacing-md)}.register-card p{color:var(--text-secondary);margin-bottom:var(--spacing-lg);line-height:1.8}.register-features{list-style:none;margin-bottom:var(--spacing-xl)}.register-features li{display:flex;align-items:center;gap:var(--spacing-sm);padding:6px 0;color:var(--text-secondary);font-size:var(--font-size-sm)}.register-features i{color:#4ECDC4;font-size:0.8rem}.btn-register-card{width:100%;padding:14px;border-radius:var(--radius-lg);font-weight:800;font-size:var(--font-size-md);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);cursor:pointer;transition:all var(--transition-normal);position:relative}.student-card .btn-register-card{background:var(--gradient-primary);color:white;border:none}.teacher-card .btn-register-card{background:var(--gradient-secondary);color:white;border:none}.btn-register-card:hover{opacity:0.9;transform:translateY(-2px)}.about-section{background:var(--bg-secondary)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:center}.about-text{color:var(--text-secondary);line-height:1.9;margin-bottom:var(--spacing-xl)}.about-features{display:flex;flex-direction:column;gap:var(--spacing-lg)}.about-feature{display:flex;gap:var(--spacing-md);align-items:flex-start}.feature-icon{width:48px;height:48px;border-radius:var(--radius-md);flex-shrink:0;background:var(--primary-glow);border:1px solid var(--border-glow);display:flex;align-items:center;justify-content:center;color:var(--primary-light)}.feature-text h4{font-size:var(--font-size-md);font-weight:700;margin-bottom:4px}.feature-text p{color:var(--text-secondary);font-size:var(--font-size-sm)}.about-numbers-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.number-card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-normal)}.number-card:hover{border-color:var(--border-glow);transform:translateY(-4px)}.number-card i{font-size:2rem;color:var(--primary-light);margin-bottom:var(--spacing-md);display:block}.number-card .num{font-size:var(--font-size-3xl);font-weight:900;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;margin-bottom:4px}.number-card span:last-child{color:#B5B5D5;font-size:var(--font-size-sm);font-weight:600}.footer{background:var(--bg-card);border-top:1px solid var(--border-color);padding:var(--spacing-3xl) 0 0}.footer-container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-xl);display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.footer-logo{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xl);font-weight:900;margin-bottom:var(--spacing-md)}.footer-logo i{color:var(--primary-light)}.footer-brand p{color:#B5B5D5;font-size:var(--font-size-sm);line-height:1.8;margin-bottom:var(--spacing-lg)}.footer-social{display:flex;gap:var(--spacing-sm)}.social-link{width:40px;height:40px;border-radius:var(--radius-md);background:var(--bg-glass-light);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-normal)}.social-link:hover{border-color:var(--primary);color:var(--primary-light);background:var(--primary-glow)}.footer-links h4{font-weight:800;margin-bottom:var(--spacing-lg);color:var(--text-primary)}.footer-links a{display:flex;align-items:center;gap:var(--spacing-sm);color:#B5B5D5;font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm);transition:color var(--transition-normal)}.footer-links a:hover{color:var(--primary-light)}.footer-bottom{border-top:1px solid var(--border-color);padding:var(--spacing-lg) var(--spacing-xl);text-align:center;color:#B5B5D5;font-size:var(--font-size-sm)}@keyframes heroFadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.hero-anim-1{animation:heroFadeUp 0.7s cubic-bezier(0.16,1,0.3,1) 2.1s both}.hero-anim-2{animation:heroFadeUp 0.7s cubic-bezier(0.16,1,0.3,1) 2.3s both}.hero-anim-3{animation:heroFadeUp 0.7s cubic-bezier(0.16,1,0.3,1) 2.5s both}.hero-anim-4{animation:heroFadeUp 0.7s cubic-bezier(0.16,1,0.3,1) 2.7s both}.hero-anim-5{animation:heroFadeUp 0.7s cubic-bezier(0.16,1,0.3,1) 2.9s both}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-xl)}.hero-quote-box,.about-quote-box{background:var(--bg-glass);border:1px solid rgba(108,99,255,0.2);border-right:4px solid var(--primary);border-radius:var(--radius-lg);padding:1.5rem 2rem 1.5rem 1.5rem;margin-bottom:2rem;position:relative}.about-quote-box{margin-bottom:2.5rem;border-right-color:#FF6B6B}.quote-icon{position:absolute;top:-15px;right:20px;background:var(--gradient-primary);color:white;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:var(--shadow-primary)}.about-quote-box .quote-icon{background:linear-gradient(135deg,#FF6B6B,#FF8E53);box-shadow:0 4px 15px rgba(255,107,107,0.4)}.ceo-quote{font-size:1.15rem;color:var(--text-primary);line-height:1.9;font-weight:600;margin:0 0 1.2rem 0;font-style:italic}.quote-author{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,0.05);padding-top:0.8rem}.author-name{color:var(--primary-light);font-weight:900;font-size:1.1rem}.about-quote-box .author-name{color:#FF6B6B}.author-title{color:var(--text-muted);font-size:0.85rem;font-weight:600}@media (max-width:1024px){.hero-container{grid-template-columns:1fr}.hero-visual{display:none}.register-cards{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr}.footer-container{grid-template-columns:1fr 1fr}}@media (max-width:768px){.hero-stats{flex-wrap:wrap;gap:var(--spacing-md)}.stat-divider{display:none}.filter-bar{flex-direction:column}.filter-search{min-width:100%}.teachers-grid{grid-template-columns:1fr}.footer-container{grid-template-columns:1fr}}