.courses-section{padding-inline:clamp(20px,5vw,80px);color:#fff;background:#050505;padding:clamp(60px,8vw,120px) clamp(20px,5vw,80px)}.container{width:100%;max-width:1536px;margin:auto}.section-title{text-transform:uppercase;color:#fff;max-width:880px;margin-bottom:clamp(30px,4vw,60px);font-family:Bruno Ace,sans-serif;font-size:clamp(1.8rem,3vw,3rem);line-height:125%;text-align:left!important;margin-inline:0!important}.courses-wrapper{grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,32px);display:grid}.course-card{height:100%;color:inherit;cursor:pointer;background:#0b0b0b;border:1px solid #00ff882e;flex-direction:column;text-decoration:none;transition:all .35s;display:flex;overflow:hidden}.course-card:hover{border-color:#0f8;transform:translateY(-8px)}.image-wrapper{flex-shrink:0;width:100%;height:220px;overflow:hidden}.image-wrapper img{object-fit:cover;width:100%;height:100%;transition:all .4s;display:block}.course-card:hover img{transform:scale(1.06)}.course-content{flex-direction:column;flex:1;padding:clamp(18px,2vw,24px);display:flex}.duration{color:#9ca3af;align-items:center;gap:8px;margin-bottom:16px;font-size:clamp(.7rem,1vw,.85rem);display:flex}.course-content h3{color:#fff;margin-bottom:14px;font-size:clamp(1rem,1.5vw,1.4rem);line-height:140%}.course-content p{color:#b5b5b5;margin-bottom:24px;font-size:clamp(.85rem,1vw,1rem);line-height:170%}.course-button{color:#0f8;margin-top:auto;font-size:.95rem;transition:all .3s;display:inline-block}.course-card:hover .course-button{letter-spacing:1px}@media (max-width:768px){.courses-wrapper{grid-template-columns:repeat(2,1fr)}.image-wrapper{height:200px}}@media (max-width:480px){.courses-wrapper{grid-template-columns:1fr}}
.hero{color:#fff;text-align:center;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero .video-bg{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.hero .overlay{z-index:-1;background:#000000b8;position:absolute;inset:0}.hero .hero-content{z-index:2;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:clamp(18px,2vw,28px);width:100%;max-width:1200px;margin:0 auto;padding-inline:clamp(20px,5vw,80px);display:flex;position:relative}.hero .badge{justify-content:center;align-items:center;gap:10px;width:fit-content;padding:clamp(8px,1vw,12px) clamp(14px,2vw,20px);display:inline-flex}.hero .badge .hero-title{width:100%;max-width:1366px;margin:0;display:block}.hero .badge-text{font-size:clamp(.6rem,.9vw,.85rem);font-family:var(--font-bruno);text-transform:uppercase;letter-spacing:1px;color:#fff;line-height:140%}.hero .badge-image{object-fit:contain;flex-shrink:0;width:clamp(18px,2vw,24px)!important;height:clamp(18px,2vw,24px)!important}.hero h1{word-break:break-word;font-size:clamp(2.3rem,6vw,5rem);font-weight:400;line-height:115%;font-family:var(--font-bruno);text-align:center;letter-spacing:1px}.hero .green{color:#1ed760}.hero .cta{flex-direction:column;justify-content:center;align-items:center;gap:clamp(18px,2vw,28px);margin-top:10px;display:block}.hero .cta button{color:#000;cursor:pointer;white-space:nowrap;background:#1ed760;border:none;padding:clamp(14px,1.5vw,16px) clamp(28px,3vw,36px);font-size:clamp(.85rem,1vw,1rem);font-weight:600;transition:all .3s}.hero .cta button:hover{opacity:.9;transform:translateY(-2px)}.hero .cta p{text-align:center;color:#d1d5db;max-width:600px;margin-top:10px;font-size:clamp(.8rem,1vw,.95rem);line-height:170%}@media (max-width:768px){.hero .hero-content{gap:20px}.hero .cta{flex-direction:column}.hero .cta p{text-align:center;max-width:100%}.hero .cta button{width:100%;max-width:180px}.hero h1{line-height:125%}}
