.hero-section{padding:8rem 0;border-bottom:1px solid #222;overflow:hidden;background-color:#11111180;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.hero-container{display:flex;align-items:center;justify-content:space-between;gap:3rem}.hero-content{max-width:550px;flex-shrink:0;display:flex;flex-direction:column}.hero-text-animation-wrapper.fading-in{animation:fadeIn .5s ease-out forwards}.hero-text-animation-wrapper.fading-out{animation:fadeOut .5s ease-in forwards}.hero-content h1{font-size:clamp(3.2rem,6vw,4.8rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:#fff}.hero-content p{font-size:1.1rem;line-height:1.7;max-width:500px;color:#a0a0a0;min-height:120px}.hero-buttons{display:flex;gap:1rem;margin-top:2.5rem}.btn-primary,.btn-secondary{padding:.8rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;border:1px solid transparent;text-decoration:none}.btn-primary{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.btn-primary:hover{background-color:var(--accent-color-hover);border-color:var(--accent-color-hover);transform:translateY(-2px)}.btn-secondary{background-color:transparent;color:#a0a0a0;border-color:#444}.btn-secondary:hover{background-color:transparent;border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-2px)}.hero-image-wrapper{flex-shrink:0}.hero-image{max-width:550px;width:100%;height:auto;object-fit:cover;border-radius:16px;mask-image:radial-gradient(circle at center,black 65%,transparent 100%);-webkit-mask-image:radial-gradient(circle at center,black 65%,transparent 100%)}@media (max-width: 992px){.hero-image-wrapper{display:none}.hero-container{justify-content:center;text-align:center}.hero-content p{margin-left:auto;margin-right:auto}.hero-buttons{justify-content:center}.hero-content{padding:0 5rem}}.courses-section{padding:4rem 0}.section-heading{text-align:center;font-size:2.5rem;margin-bottom:3rem}.scroller-container{overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,black 20%,black 80%,transparent);mask-image:linear-gradient(to right,transparent,black 20%,black 80%,transparent)}.scroller-content{display:flex;width:max-content;animation:scroll 40s linear infinite}.scroller-container:hover .scroller-content{animation-play-state:paused}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.course-scroll-card{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:1.5rem;background-color:#1c1c1f;border:1px solid #333;border-radius:12px;padding:2rem 2.5rem;width:350px;text-align:center;text-decoration:none;color:#e6e6e6;transition:all .2s ease-in-out}.course-scroll-card:hover{transform:scale(1);border-color:var(--accent-color)}.course-scroll-card h3{font-size:1.2rem;font-weight:600}@media (max-width: 768px){.course-scroll-card h3{font-size:1rem}}.tabs-section-container{padding-top:4rem;padding-bottom:4rem}.tabs-section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem}.tabs-wrapper{background-color:#1c1c1f;border:1px solid #333;border-radius:16px;padding:2rem 2.5rem}.tab-buttons{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.tab-button{background:none;border:1px solid transparent;color:#a0a0a0;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out}.tab-button:hover{color:#fff}.tab-button.active{color:#fff;border-color:var(--accent-color);background-color:#2a2a2d}.tab-content{display:flex;align-items:center;gap:3rem;animation:fadeIn .5s ease-out}.tab-features-list{flex:1;display:flex;flex-direction:column;gap:2rem}.feature-item{display:flex;align-items:flex-start;gap:1.5rem}.feature-icon{font-size:1.5rem;background-color:#2a2a2d;padding:.75rem;border-radius:8px;flex-shrink:0}.feature-text h3{font-size:1.25rem;margin-bottom:.5rem;color:#fff}.feature-text p{color:#a0a0a0;line-height:1.6;margin-bottom:1rem}.get-started-button{background:none;border:none;padding:0;font-family:inherit;font-size:1rem;color:var(--accent-color);text-decoration:none;font-weight:600;cursor:pointer;text-align:left;transition:color .2s ease}.get-started-button:hover{color:var(--accent-color-hover)}.tab-image-container{flex:1}.tab-image-container img{width:100%;height:auto;border-radius:8px;border:1px solid #333}@media (max-width: 900px){.tab-content{flex-direction:column}.tab-buttons{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.tab-buttons::-webkit-scrollbar{display:none}.tab-button{background:none;border:1px solid transparent;color:#a0a0a0;padding:.75rem 1rem;border-radius:25px;font-size:.85rem}.tabs-wrapper{background-color:#1c1c1f;border:1px solid #333;border-radius:16px;padding:2rem 1rem}.tabs-section-container{padding:2rem 1rem}.tab-image-container{order:-1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.why-hmlabs-section{padding:4rem 5%;text-align:center}.why-hmlabs-section h2{font-size:2.5rem;margin-bottom:1rem}.subtitle{max-width:700px;margin:0 auto 3rem;font-size:1.1rem;color:#a0a0a0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;text-align:left}.feature-card{background-color:#1a1a1a;padding:2rem;border:1px solid #333;border-radius:10px}.feature-card.fading-in{animation:fadeIn .5s ease-out forwards}.feature-card.fading-out{animation:fadeOut .5s ease-in forwards}.feature-card h3{font-size:1.25rem;margin-bottom:1rem;color:var(--accent-color)}.feature-card p{color:#ccc;line-height:1.6}.feature-card a{display:inline-block;margin-top:1rem;text-decoration:none;color:#a0a0a0;transition:color .3s ease}.feature-card a:hover{color:#fff}@media (max-width: 992px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.features-grid{grid-template-columns:1fr}}.blur-divider{position:relative;height:150px}.blur-divider:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(to top,#0d0d0d,transparent);pointer-events:none}