@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--primary-color:#1e83c6;--primary-hover:#166fa9;--text-dark:#1e293b;--text-muted:#64748b;--bg-light:#f8fafc;--white:#fff;--border-radius-sm:8px;--border-radius-md:16px;--border-radius-lg:30px;--transition-smooth:all .3s cubic-bezier(.4,0,.2,1);--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-dark);background-color:var(--white);overflow-x:hidden}.header-container{background-color:var(--white);z-index:100;justify-content:space-between;align-items:center;padding:1.5rem 4rem;display:flex;position:relative;box-shadow:0 2px 10px #00000005}.logo-container{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;display:flex}.logo-box{text-transform:lowercase;width:32px;height:32px;transition:var(--transition-smooth);border:2px solid #0000;border-radius:6px;justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;display:flex}.logo-box:hover{transform:translateY(-2px)scale(1.05)}.logo-box.blue{color:#1e40af;background-color:#ebf5ff;border-color:#93c5fd}.logo-box.green{color:#166534;background-color:#f0fdf4;border-color:#86efac}.logo-box.orange{color:#9a3412;background-color:#fff7ed;border-color:#fdba74}.nav-menu{gap:2.5rem;list-style:none;display:flex}.nav-link{color:var(--text-dark);transition:var(--transition-smooth);padding:.25rem 0;font-size:1rem;font-weight:500;text-decoration:none;position:relative}.nav-link:after{content:"";background-color:var(--primary-color);width:0;height:2px;transition:var(--transition-smooth);position:absolute;bottom:0;left:0}.nav-link:hover{color:var(--primary-color)}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link.active{color:var(--primary-color)}.auth-buttons{align-items:center;gap:1.5rem;display:flex}.btn-login{color:var(--text-muted);cursor:pointer;border-radius:var(--border-radius-lg);transition:var(--transition-smooth);background:0 0;border:none;padding:.6rem 1.2rem;font-size:1rem;font-weight:500}.btn-login:hover{color:var(--text-dark);background-color:#f1f5f9}.btn-get-started{background-color:var(--primary-color);color:var(--white);cursor:pointer;border-radius:var(--border-radius-lg);transition:var(--transition-smooth);border:none;padding:.75rem 1.75rem;font-size:1rem;font-weight:600;box-shadow:0 4px 12px #1e83c633}.btn-get-started:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px #1e83c659}.hero-section{text-align:center;height:800px;color:var(--white);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;padding:0 2rem;display:flex;position:relative;overflow:hidden}.hero-overlay{z-index:1;background:linear-gradient(#00000073 0%,#0009 100%);position:absolute;inset:0}.hero-content{z-index:2;flex-direction:column;align-items:center;width:100%;max-width:900px;display:flex;position:relative}.hero-title{letter-spacing:-.5px;margin-bottom:1.5rem;font-size:40px;font-weight:700;line-height:1.2}.hero-subtitle{opacity:.9;max-width:650px;margin-bottom:3rem;font-size:1.25rem;font-weight:300;line-height:1.6}.stats-container{flex-wrap:wrap;justify-content:center;gap:1.5rem;width:100%;max-width:760px;margin-bottom:3rem;display:flex}.stat-card{-webkit-backdrop-filter:blur(12px);min-width:180px;transition:var(--transition-smooth);background:#ffffff1f;border:1px solid #fff3;border-radius:40px;flex-direction:column;flex:1;align-items:center;padding:.8rem 2.2rem;display:flex}.stat-card:hover{background:#ffffff2e;border-color:#ffffff59;transform:translateY(-4px);box-shadow:0 10px 25px #00000026}.stat-number{margin-bottom:.1rem;font-size:1.6rem;font-weight:700}.stat-label{opacity:.85;text-transform:capitalize;font-size:.85rem;font-weight:400}.btn-find-lessons{background-color:var(--primary-color);color:var(--white);border-radius:var(--border-radius-lg);cursor:pointer;transition:var(--transition-smooth);border:none;align-items:center;gap:.75rem;padding:.9rem 2.5rem;font-size:1.1rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 15px #1e83c64d}.btn-find-lessons:hover{background-color:var(--primary-hover);transform:translateY(-2px)scale(1.02);box-shadow:0 8px 25px #1e83c673}.btn-find-lessons svg{stroke-width:2.5px;width:20px;height:20px}.wave-divider{z-index:3;width:100%;line-height:0;position:absolute;bottom:-2px;left:0;overflow:hidden}.wave-divider svg{width:calc(100% + 1.3px);height:90px;display:block;position:relative}.wave-divider .shape-fill{fill:var(--white)}.partners-section{background-color:var(--white);flex-direction:column;align-items:center;display:flex}.partners-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);text-align:center;margin-bottom:3rem;font-size:1rem;font-weight:600}.partners-logos-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:3.5rem;width:100%;max-width:1100px;margin-bottom:3.5rem;display:flex}.partner-logo{color:#334155;opacity:1;transition:var(--transition-smooth);align-items:center;gap:.6rem;font-size:14px;font-weight:700;text-decoration:none;display:flex}.partner-logo:hover{opacity:1;color:var(--primary-color);transform:translateY(-2px)}.partner-logo svg{width:32px;height:32px}.slider-controls{color:#a1a1aa;-webkit-user-select:none;user-select:none;background-color:#1e1e1e;border-radius:20px;align-items:center;gap:1rem;padding:.35rem .5rem;font-size:.75rem;font-weight:600;display:flex;box-shadow:0 4px 10px #0000001a}.slider-btn{color:#a1a1aa;cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.2rem;display:flex}.slider-btn:hover:not(:disabled){color:var(--white);background-color:#ffffff1a}.slider-btn:disabled{opacity:.3;cursor:not-allowed}.slider-btn svg{width:14px;height:14px}.slider-info{letter-spacing:.5px}.popular-section{background-color:#f1f5f9;padding:5rem 4rem}.popular-header-row{justify-content:space-between;align-items:center;width:100%;margin-bottom:2rem;display:flex}.popular-title{color:#0f172a;font-size:2rem;font-weight:700}.explore-link{color:var(--primary-color);cursor:pointer;transition:var(--transition-smooth);font-size:1rem;font-weight:600;text-decoration:underline}.explore-link:hover{color:var(--primary-hover)}.popular-controls-row{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.filter-tabs{gap:.75rem;display:flex}.filter-tab{color:#475569;border-radius:var(--border-radius-lg);cursor:pointer;transition:var(--transition-smooth);background-color:#e2e8f0;border:none;padding:.4rem 1.1rem;font-size:14px;font-weight:500}.filter-tab:hover{color:#0f172a;background-color:#cbd5e1}.filter-tab.active{background-color:var(--primary-color);color:var(--white);box-shadow:0 4px 10px #1e83c633}.carousel-navigation{gap:.75rem;display:flex}.carousel-arrow{background-color:var(--white);color:#475569;cursor:pointer;width:40px;height:40px;transition:var(--transition-smooth);border:1px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;display:flex}.carousel-arrow:hover:not(:disabled){background-color:var(--primary-color);border-color:var(--primary-color);color:var(--white);box-shadow:0 4px 12px #1e83c640}.carousel-arrow:disabled{opacity:.4;cursor:not-allowed}.carousel-arrow svg{width:18px;height:18px}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:2rem;width:100%;display:grid}.tutor-card{background-color:var(--white);transition:var(--transition-smooth);border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;padding:1.5rem;display:flex;position:relative;box-shadow:0 10px 20px #00000008}.tutor-card:hover{border-color:#cbd5e1;transform:translateY(-6px);box-shadow:0 15px 30px #00000014}.tutor-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.tutor-name{color:#0f172a;font-size:14px;font-weight:700}.more-btn{color:#94a3b8;cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.2rem;display:flex}.more-btn:hover{color:#0f172a;background-color:#f1f5f9}.more-btn svg{width:20px;height:20px}.tutor-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.tag-badge{color:#64748b;border-radius:var(--border-radius-lg);text-transform:capitalize;background-color:#f1f5f9;padding:.3rem .8rem;font-size:12px;font-weight:500}.tutor-image-container{background-color:#f1f5f9;border-radius:12px;width:100%;height:160px;margin-bottom:1.25rem;overflow:hidden}.tutor-image{object-fit:cover;width:100%;height:100%;transition:var(--transition-smooth)}.tutor-card:hover .tutor-image{transform:scale(1.05)}.tutor-card-footer{justify-content:space-between;align-items:flex-end;margin-top:auto;display:flex}.tutor-stats{flex-direction:column;gap:.4rem;display:flex}.rating-container{align-items:center;gap:.4rem;display:flex}.rating-value{color:#b45309;font-size:.95rem;font-weight:700}.stars-row{color:#f59e0b;gap:2px;display:flex}.stars-row svg{fill:currentColor;width:14px;height:14px}.lessons-taught{color:var(--text-dark);font-size:.85rem;font-weight:500}.btn-connect{background-color:var(--white);color:#0f172a;border-radius:var(--border-radius-lg);cursor:pointer;transition:var(--transition-smooth);border:1.5px solid #cbd5e1;padding:.5rem 1.2rem;font-size:.85rem;font-weight:600}.btn-connect:hover{color:var(--primary-color);background-color:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}@media (max-width:1024px){.header-container{padding:1.25rem 2rem}.nav-menu{gap:1.5rem}}@media (max-width:768px){.header-container{flex-direction:column;gap:1rem;padding:1rem}.nav-menu{justify-content:center;gap:1.2rem;width:100%}.auth-buttons{justify-content:center;width:100%}.hero-title{font-size:2.25rem}.hero-subtitle{margin-bottom:2rem;font-size:1.1rem}.stats-container{gap:1rem}.stat-card{min-width:140px;padding:.7rem 1.5rem}.wave-divider svg{height:50px}.partners-logos-container{gap:2rem}.popular-section{padding:3rem 1.5rem}.popular-title{font-size:1.6rem}.popular-controls-row{flex-direction:column;align-items:flex-start;gap:1.25rem}.carousel-navigation{align-self:flex-end}}