.hero{background:var(--bg-primary);padding:calc(var(--navbar-height) + 3rem) 0 4rem;position:relative;overflow:hidden}.hero-decor{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-blob{filter:blur(80px);opacity:.35;border-radius:50%;position:absolute}.hero-blob-1{background:#c8421a2e;width:520px;height:520px;animation:9s ease-in-out infinite float;top:-160px;right:-80px}.hero-blob-2{background:#f5a62326;width:360px;height:360px;animation:12s ease-in-out infinite reverse float;bottom:-80px;left:-60px}.hero-dots{background-image:radial-gradient(circle,#2c181014 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70%,#000 20%,#0000 80%);mask-image:radial-gradient(70% 70%,#000 20%,#0000 80%)}.hero-inner{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid;position:relative}.hero-badge{border-radius:var(--radius-full);color:var(--primary-600);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;background:#c8421a14;border:1px solid #c8421a38;align-items:center;gap:6px;margin-bottom:1.25rem;padding:5px 14px;font-weight:700;display:inline-flex}.hero-badge-dot{background:var(--primary-500);border-radius:50%;width:6px;height:6px;display:inline-block}.hero-title{font-family:var(--font-sinhala), var(--font-display);color:var(--text-primary);margin-bottom:.75rem;font-size:clamp(2.2rem,5vw,3.6rem);font-weight:900;line-height:1.1}.hero-title-en{font-family:var(--font-display);font-size:var(--font-size-sm);color:var(--primary-500);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;font-weight:700;display:block}.hero-sub-title{font-size:var(--font-size-base);color:var(--text-secondary);max-width:480px;margin-bottom:1.25rem;line-height:1.65}.hero-search-bar{border:1.5px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);max-width:520px;transition:all var(--transition-fast);background:#fff;align-items:center;margin-bottom:1.25rem;padding:5px;display:flex}.hero-search-bar:focus-within{border-color:var(--primary-400);box-shadow:0 0 0 4px #c8421a1a}.hero-search-icon-wrap{color:var(--text-tertiary);flex-shrink:0;align-items:center;padding:0 .75rem;display:flex}.hero-search-input{font-size:var(--font-size-sm);color:var(--text-primary);background:0 0;border:none;flex:1;min-width:0;padding:.6rem .5rem}.hero-search-input::placeholder{color:var(--text-tertiary)}.hero-search-selects{gap:.5rem;margin-right:.5rem;display:flex}.hero-search-sel{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--text-secondary);cursor:pointer;white-space:nowrap;padding:.45rem .65rem}.hero-search-btn{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-lg);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;flex-shrink:0;padding:.6rem 1.25rem;font-weight:700}.hero-search-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #c8421a59}.hero-tags{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.hero-tags-label{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:500}.hero-tag{background:var(--bg-tertiary);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--text-secondary);border:1px solid var(--border-color);transition:all var(--transition-fast);padding:4px 12px;font-weight:500;text-decoration:none}.hero-tag:hover{background:var(--primary-500);color:#fff;border-color:var(--primary-500)}.hero-stats-row{flex-wrap:wrap;gap:2rem;margin-top:2rem;display:flex}.hero-stat-item{flex-direction:column;display:flex}.hero-stat-num{font-family:var(--font-display);font-size:var(--font-size-2xl);color:var(--text-primary);font-weight:900;line-height:1}.hero-stat-lbl{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:2px}.hero-right{justify-content:center;align-items:center;display:flex;position:relative}.hero-visual{width:100%;max-width:380px;position:relative}.hero-profile-card{border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);background:#fff;padding:1.5rem;position:relative}.hero-profile-top{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.hero-avatar{background:var(--gradient-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;font-weight:800;display:flex}.hero-profile-name{font-weight:700;font-size:var(--font-size-base);color:var(--text-primary)}.hero-profile-sub{font-size:var(--font-size-xs);color:var(--text-tertiary)}.hero-stars{color:var(--accent-400);gap:2px;margin-bottom:.5rem;font-size:14px;display:flex}.hero-review-text{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.5}.hero-mini-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-md);background:#fff;align-items:center;gap:.75rem;min-width:180px;padding:.875rem 1.1rem;animation:6s ease-in-out infinite float;display:flex;position:absolute}.hero-mini-card-1{animation-delay:-2s;bottom:-1rem;left:-2rem}.hero-mini-card-2{animation-delay:-4s;top:-1rem;right:-1.5rem}.hero-mini-icon{border-radius:var(--radius-md);width:36px;height:36px;color:var(--primary-500);background:#c8421a1a;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.hero-mini-val{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:800}.hero-mini-sub{color:var(--text-tertiary);font-size:.65rem}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:2rem;display:flex}.section-tag{font-size:var(--font-size-xs);color:var(--primary-500);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:5px;margin-bottom:.4rem;font-weight:700;display:inline-flex}.section-title{font-size:var(--font-size-3xl);color:var(--text-primary);margin-bottom:.25rem;font-weight:800}.section-subtitle{color:var(--text-secondary);font-size:var(--font-size-base)}.section-alt{background:var(--bg-secondary)}.section-dark{background:var(--bg-dark)}.section-dark .section-title{color:var(--text-on-dark)}.section-dark .section-subtitle{color:#faf8f5a6}.section-dark .section-tag{color:var(--accent-400)}.subjects-section{background:var(--bg-secondary)}.subjects-grid{grid-template-columns:repeat(5,1fr);gap:1rem;display:grid}.subject-card{background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:var(--radius-xl);text-align:center;color:var(--text-primary);transition:all var(--transition-base);cursor:pointer;flex-direction:column;align-items:center;gap:.625rem;padding:1.25rem 1rem;text-decoration:none;display:flex}.subject-card:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-md);background:var(--bg-card-hover);color:var(--text-primary);transform:translateY(-3px)}.subject-icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:56px;height:56px;font-size:1.6rem;display:flex}.subject-name{font-size:var(--font-size-sm);font-weight:700}.subject-count{font-size:var(--font-size-xs);color:var(--text-tertiary)}.teachers-section{background:var(--bg-primary)}.teachers-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.teacher-card{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);transition:all var(--transition-base);color:var(--text-primary);text-decoration:none;display:block;overflow:hidden}.teacher-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-color-hover);color:var(--text-primary);transform:translateY(-4px)}.teacher-card-banner{height:90px;position:relative}.teacher-card-avatar{color:#fff;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.4rem;font-weight:800;display:flex;position:absolute;bottom:-28px;left:1.25rem}.teacher-featured-badge{background:var(--accent-400);color:#fff;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;font-size:.6rem;font-weight:700;position:absolute;top:.75rem;right:.75rem}.teacher-verified-badge{color:#fff;border-radius:var(--radius-full);background:#27ae60e6;align-items:center;gap:3px;padding:3px 8px;font-size:.6rem;font-weight:700;display:flex;position:absolute;top:.75rem;left:.75rem}.teacher-card-body{padding:2rem 1.25rem 1.25rem}.teacher-card-subject{font-size:var(--font-size-xs);border-radius:var(--radius-full);margin-bottom:.5rem;padding:3px 10px;font-weight:600;display:inline-block}.teacher-card-name{font-size:var(--font-size-base);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-weight:800;overflow:hidden}.teacher-card-loc{font-size:var(--font-size-xs);color:var(--text-tertiary);align-items:center;gap:4px;margin-bottom:.5rem;display:flex}.teacher-card-desc{font-size:var(--font-size-xs);color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.teacher-card-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:.75rem;display:flex}.teacher-card-rating{align-items:center;gap:4px;display:flex}.teacher-card-stars{color:var(--accent-400);gap:1px;font-size:12px;display:flex}.teacher-card-reviews{font-size:var(--font-size-xs);color:var(--text-tertiary)}.teacher-card-fee{font-size:var(--font-size-xs);color:var(--primary-600);font-weight:700}.teacher-card-action{color:var(--primary-500);font-size:var(--font-size-xs);align-items:center;gap:4px;margin-top:.75rem;font-weight:600;display:flex}.how-section{background:var(--bg-secondary)}.how-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.how-card{background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:var(--radius-2xl);text-align:center;transition:all var(--transition-base);padding:2rem 1.75rem;position:relative}.how-card:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-md);transform:translateY(-3px)}.how-step-num{background:var(--gradient-primary);color:#fff;width:48px;height:48px;font-weight:800;font-size:var(--font-size-lg);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.25rem;display:flex;box-shadow:0 4px 15px #c8421a4d}.how-card-icon{margin-bottom:.75rem;font-size:2rem}.how-card-title{font-size:var(--font-size-lg);margin-bottom:.5rem;font-weight:700}.how-card-desc{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.65}.stats-banner{background:var(--bg-dark);padding:4rem 0}.stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.stat-num{font-family:var(--font-display);font-size:var(--font-size-4xl);color:var(--accent-400);margin-bottom:.4rem;font-weight:900;line-height:1;display:block}.stat-star{color:var(--accent-400)}.stat-lbl{font-size:var(--font-size-sm);color:#faf8f599}.reviews-section{background:var(--bg-primary)}.reviews-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.review-card{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);transition:all var(--transition-base);padding:1.5rem}.review-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-color-hover);transform:translateY(-2px)}.review-card-top{align-items:center;gap:.75rem;margin-bottom:.875rem;display:flex}.review-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1rem;font-weight:800;display:flex}.review-author-name{font-weight:700;font-size:var(--font-size-sm)}.review-author-sub{font-size:var(--font-size-xs);color:var(--text-tertiary)}.review-stars{color:var(--accent-400);gap:2px;margin-bottom:.625rem;font-size:12px;display:flex}.review-text{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.cta-section{background:var(--bg-dark);text-align:center;padding:5rem 0;position:relative;overflow:hidden}.cta-orb{filter:blur(100px);pointer-events:none;border-radius:50%;position:absolute}.cta-orb-1{background:#c8421a40;width:500px;height:500px;top:-200px;left:30%}.cta-orb-2{background:#f5a6232e;width:350px;height:350px;bottom:-150px;right:20%}.cta-inner{z-index:1;position:relative}.cta-eyebrow{font-family:var(--font-sinhala), var(--font-display);font-size:var(--font-size-xl);color:#faf8f580;margin-bottom:.5rem}.cta-title{font-family:var(--font-sinhala), var(--font-display);color:var(--text-on-dark);margin-bottom:.375rem;font-size:clamp(1.8rem,4vw,3rem);font-weight:900}.cta-title-en{font-family:var(--font-display);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.12em;color:var(--accent-400);margin-bottom:.5rem;font-weight:700;display:block}.cta-sub{color:#faf8f599;font-size:var(--font-size-base);max-width:520px;margin:0 auto 2rem;line-height:1.7}.cta-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.btn-amber{background:var(--gradient-amber);color:var(--text-primary);font-weight:700;box-shadow:0 4px 15px #f5a62366}.btn-amber:hover{color:var(--text-primary);transform:translateY(-2px);box-shadow:0 6px 25px #f5a62380}.btn-outline-light{color:var(--text-on-dark);background:0 0;border:1.5px solid #faf8f559;font-weight:600}.btn-outline-light:hover{color:var(--text-on-dark);background:#faf8f51a;border-color:#faf8f599}@media (max-width:1100px){.subjects-grid{grid-template-columns:repeat(4,1fr)}.teachers-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.hero-inner{text-align:center;grid-template-columns:1fr}.hero-sub-title{max-width:100%}.hero-right{display:none}.hero-search-bar{max-width:100%}.hero-tags,.hero-stats-row{justify-content:center}.how-grid{grid-template-columns:1fr;gap:1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.reviews-grid{grid-template-columns:1fr}}@media (max-width:768px){.hero{padding:calc(var(--navbar-height) + 1.5rem) 0 2.5rem}.section-header{flex-direction:column;align-items:flex-start}.subjects-grid{grid-template-columns:repeat(3,1fr)}.teachers-grid{grid-template-columns:1fr}}@media (max-width:540px){.hero-search-selects{display:none}.subjects-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.reviews-grid{grid-template-columns:1fr}.hero-stats-row{gap:1.25rem}.cta-actions{flex-direction:column}.cta-actions .btn{justify-content:center;width:100%}}
