.homepage-intro{background:#000;min-height:100vh;padding:80px 8% 40px;position:relative;overflow:hidden}.homepage-intro:after{content:"";filter:blur(80px);opacity:.85;z-index:0;pointer-events:none;background:radial-gradient(at 100%,#fed233 0%,#fed23325 30%,#5affaa14 50%,#5affaa08 65%,#0000 75%);width:1100px;height:380px;position:absolute;left:50%;transform:translate(-50%)}.homepage-intro:before{content:"";filter:blur(120px);opacity:.6;z-index:0;pointer-events:none;background:radial-gradient(#6effbe26,#6effbe14,#6effbe08,#0000 70%);width:1400px;height:520px;position:absolute;bottom:-220px;left:50%;transform:translate(-50%)}.intro-circles{z-index:1;pointer-events:none;position:absolute;top:50%;right:-10px;transform:translateY(-50%)}.intro-circles img{width:520px}.intro-main{z-index:2;color:#fff;max-width:560px;margin-top:100px;position:relative}.intro-main h1{width:700px;margin-bottom:16px;font-size:42px;font-weight:700;line-height:1.2}.intro-main p{color:#cfcfcf;margin-bottom:32px;font-size:18px}.intro-btn{color:#0d0d0d;cursor:pointer;background:linear-gradient(135deg,#ef6e0b,#ff8a2a);border:none;border-radius:24px;margin-top:10px;padding:10px 22px;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;font-weight:700;transition:transform .25s,box-shadow .25s,background .25s;box-shadow:0 6px 18px #ef6e0b59,inset 0 1px #ffffff40}.intro-btn:hover{background:linear-gradient(135deg,#ff8a2a,#ef6e0b);transform:translateY(-2px);box-shadow:0 10px 26px #ef6e0b73,inset 0 1px #ffffff59}.intro-btn:active{transform:translateY(0);box-shadow:0 4px 10px #ef6e0b4d}.intro-img{opacity:.3;width:100%;height:100%;position:absolute;top:0;right:0}.intro-main-img{object-fit:cover;opacity:.5;width:100%;height:100%}@media (min-width:1900px){.homepage-intro{min-height:60vh;padding:80px 8% 40px}}@media (min-width:2000px){.homepage-intro{min-height:40vh;padding:100px 8% 40px}}@media (max-width:1024px){.homepage-intro{padding:80px 8% 40px}.homepage-intro:after{filter:blur(65px);opacity:.75;width:850px;height:300px;bottom:-160px}.homepage-intro:before{filter:blur(100px);opacity:.5;width:1000px;height:380px;bottom:-200px}.intro-circles{right:-80px}.intro-circles img{width:420px}.intro-main{max-width:480px;margin-top:80px}.intro-main h1{width:100%;font-size:36px}.intro-main p{font-size:16px}}@media (max-width:768px){.homepage-intro:before,.homepage-intro:after{filter:blur(60px);opacity:.45;width:600px;height:220px;bottom:-120px}.intro-circles{display:none}.intro-main{max-width:100%;margin-top:130px}.intro-main h1{width:100%;margin-bottom:12px;font-size:32px}.intro-main p{margin-bottom:24px;font-size:16px}.intro-btn{padding:12px 24px;font-size:16px}}@media (max-width:480px){.homepage-intro{align-items:center;padding:150px 8% 70px}.homepage-intro:before,.homepage-intro:after{filter:blur(50px);opacity:.35;width:420px;height:180px;bottom:-90px}.intro-main{margin-top:50px}.intro-main h1{font-size:28px;line-height:1.3}.intro-main p{margin-bottom:20px;font-size:15px}.intro-btn{width:100%;padding:14px 24px;font-size:16px}}@media (max-width:360px){.intro-main h1{font-size:24px}.homepage-intro:before,.homepage-intro:after{filter:blur(45px);opacity:.3;width:360px;height:160px;bottom:-80px}.intro-main p{font-size:14px}.intro-btn{padding:12px 20px;font-size:15px}}
.homepage-hero{background:linear-gradient(#000 0%,#0a0a0a 100%);width:100%;min-height:260px;margin-top:20px;padding:48px 60px;box-shadow:0 20px 60px #0009}.homepage-hero h2{color:#fff;max-width:620px;margin-bottom:14px;font-family:Montserrat,Segoe UI,Arial,sans-serif;font-size:36px;font-weight:400;line-height:1.25}.homepage-hero p{color:#bdbdbd;max-width:300px;font-size:14px;font-weight:500;line-height:140%}.homepage-hero p .highlight{color:#ef6e0b;font-size:24px;font-weight:600}.hero-btn{color:#0d0d0d;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#ef6e0b,#ff8a2a);border:none;border-radius:24px;margin-top:40px;padding:12px 26px;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;font-weight:700;transition:transform .25s,box-shadow .25s,background .25s;box-shadow:0 6px 18px #ef6e0b66,inset 0 1px #ffffff40}.hero-btn:hover{background:linear-gradient(135deg,#ff8a2a,#ef6e0b);transform:translateY(-2px);box-shadow:0 10px 28px #ef6e0b8c}.hero-btn:active{transform:translateY(0);box-shadow:0 4px 12px #ef6e0b59}@media (max-width:1024px){.homepage-hero{padding:80px 40px}.homepage-hero h2{max-width:100%;font-size:32px}.homepage-hero p{text-align:left;max-width:100%}}@media (max-width:768px){.homepage-hero{flex-direction:column;justify-content:center;align-items:flex-start;gap:24px;min-height:auto;padding:32px 24px}.homepage-hero h2{text-align:left;margin-bottom:10px;font-size:26px;line-height:1.3}.homepage-hero p{text-align:left;font-size:15px;line-height:1.55}.homepage-hero p .highlight{font-size:18px}.hero-btn{margin-top:8px;padding:12px 22px;font-size:14px}}@media (max-width:480px){.homepage-hero{padding:28px 18px}.homepage-hero h2{text-align:left;font-size:22px}.homepage-hero p{text-align:left;font-size:14px}.homepage-hero p .highlight{font-size:16px}.hero-btn{text-align:center;width:100%;padding:12px 0}}
.homepage-features{background:#000;padding:40px}.features-wrappers{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.features-card{background:linear-gradient(#0b0b0b,#050505);border:1px solid #ffffff0a;border-radius:16px;padding:28px 24px;transition:all .3s}.features-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #c8ff0026}.features-img{filter:brightness(0)saturate()invert(86%)sepia(91%)saturate(600%)hue-rotate(20deg);width:36px;height:36px;margin-bottom:18px}.features-title{color:#fff;margin-bottom:12px;font-size:18px;font-weight:600}.features-desc{color:#b5b5b5;font-size:14px;line-height:1.6}@media (min-width:1500px){.features-wrappers{margin-left:-20px;margin-right:-40px}.features-desc{width:350px}}@media (max-width:1024px){.features-wrappers{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.homepage-features{padding:40px 20px}.features-wrappers{grid-template-columns:1fr;gap:20px}.features-card{border-radius:14px;padding:22px 18px}.features-img{width:32px;height:32px;margin-bottom:14px}.features-title{margin-bottom:10px;font-size:16px}.features-desc{font-size:13px;line-height:1.5}}@media (max-width:480px){.homepage-features{padding:32px 16px}.features-card{padding:20px 16px}.features-title{font-size:15px}.features-desc{font-size:12.5px}}
.recently{background:#000;padding:60px 6%}.recently-container{max-width:1200px;margin:0 auto}.recently-title{color:#fff;margin:0 0 28px;font-family:Montserrat arm,sans-serif;font-size:28px;font-weight:600}.recently-tabs{flex-wrap:wrap;gap:12px;margin-bottom:32px;display:flex}.recently-tab{color:#cfcfcf;cursor:pointer;background:#0d0d0d;border:1px solid #ffffff1f;border-radius:999px;padding:8px 20px;font-family:Montserrat arm,sans-serif;font-size:14px;font-weight:500;transition:all .25s}.recently-tab:hover{color:#fff;border-color:#b6f00080}.recently-tab.is-active{color:#0a0a0a;background:#b6f000;border-color:#b6f000;font-weight:600}.recently-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.recently-card{flex-direction:column;gap:12px;display:flex}.recently-media{aspect-ratio:16/11;background:#111;border:1px solid #ffffff0d;border-radius:16px;position:relative;overflow:hidden}.recently-video{object-fit:cover;width:100%;height:100%;display:block}.recently-badges{z-index:2;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:12px;right:12px}.recently-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:0 0;border:1px solid #fff6;border-radius:999px;padding:4px 10px;font-family:Montserrat arm,sans-serif;font-size:11px;font-weight:600}.recently-badge--medium{border-color:#b6f00099}.recently-badge--hard{border-color:#ff474799}.recently-badge--easy{border-color:#00d26a99}.recently-controls{z-index:2;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.recently-ctrl{cursor:pointer;color:#0a0a0a;background:#ffffffeb;border:none;border-radius:50%;place-items:center;width:48px;height:48px;transition:all .2s;display:grid}.recently-ctrl:hover{background:#fff;transform:scale(1.08)}.recently-ctrl--ghost{color:#fff;background:#00000073;border:1px solid #fff6;width:42px;height:42px}.recently-ctrl--ghost:hover{background:#000000a6}.recently-progress{z-index:2;align-items:center;gap:8px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.recently-time{color:#fff;text-align:center;min-width:34px;font-size:11px}.recently-bar{cursor:pointer;background:#ffffff4d;border-radius:999px;flex:1;height:4px;position:relative}.recently-bar-fill{background:#b6f000;border-radius:999px;height:100%;position:relative}.recently-bar-knob{background:#b6f000;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;right:-5px;transform:translateY(-50%);box-shadow:0 0 6px #b6f000cc}.recently-info{flex-direction:column;gap:2px;padding:0 2px;display:flex}.recently-category{color:#fff;font-family:Montserrat arm,sans-serif;font-size:14px;font-weight:500}.recently-duration{color:#8a8a8a;font-size:12px}@media (max-width:1024px){.recently-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.recently{padding:50px 5%}.recently-title{font-size:22px}}@media (max-width:520px){.recently-grid{grid-template-columns:1fr}}
.diet-section{background:#000;padding:60px 60px 24px}.diet-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.diet-title{color:#fff;max-width:640px;margin:0;font-family:Montserrat arm,sans-serif;font-size:30px;font-weight:500;line-height:1.3}.diet-btn{color:#0a0a0a;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#ef6e0b,#ff8a2a);border:none;border-radius:999px;padding:14px 32px;font-family:Montserrat arm,sans-serif;font-size:15px;font-weight:700;transition:all .25s;box-shadow:0 6px 18px #ef6e0b66}.diet-btn:hover{background:linear-gradient(135deg,#ff8a2a,#ef6e0b);transform:translateY(-2px);box-shadow:0 10px 28px #ef6e0b8c}.diet-btn:active{transform:translateY(0)}@media (max-width:768px){.diet-section{padding:50px 20px}.diet-container{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:24px}.diet-title{font-size:24px}}@media (max-width:480px){.diet-title{font-size:20px}.diet-btn{text-align:center;width:100%}}