.hero-slider{width:100%;height:100vh;position:relative}.hero-static{position:absolute;inset:0;z-index:0}.hero-swiper{z-index:1}.slide{position:relative;width:100%;height:100vh;overflow:hidden}.slide:before{content:"";background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.15) 80%,rgba(0,0,0,.05))}.hero-gradient-overlay,.slide:before{position:absolute;inset:0;z-index:1;pointer-events:none;transition:background .3s}.hero-gradient-overlay{background:linear-gradient(120deg,rgba(0,0,0,.68) 40%,rgba(0,0,0,.18))}.content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;text-align:center;color:#fff;padding:36px 28px 28px;border-radius:1.2rem;background:rgba(30,30,30,.16);backdrop-filter:blur(14px) saturate(1.15);border:1.5px solid rgba(200,200,200,.13);outline:1.5px solid rgba(255,255,255,.08);box-shadow:0 4px 24px 0 rgba(0,0,0,.13),inset 0 2px 16px 0 rgba(0,0,0,.1);text-shadow:0 2px 8px rgba(0,0,0,.18);width:80%;max-width:700px;transition:background .25s,box-shadow .25s}.content:hover{box-shadow:0 8px 32px 0 rgba(0,0,0,.18);background:rgba(30,30,30,.28)}.hero-title{font-size:2.1rem;font-weight:900;line-height:1.13;letter-spacing:-1.2px;margin:0 0 1.1rem;text-shadow:0 4px 16px rgba(0,0,0,.18)}.hero-title .brand{color:#3CB371;font-weight:900;letter-spacing:-2px;font-size:1.05em;text-shadow:0 2px 8px rgba(60,183,113,.13)}.hero-desc{margin:0 0 1.5rem;font-size:1.08rem;font-weight:500;line-height:1.7;color:#e6e6e6;text-shadow:0 2px 8px rgba(0,0,0,.13)}.hero-cta{display:inline-block;padding:.85rem 2.1rem;background:linear-gradient(90deg,#3CB371 60%,#00b894);color:#fff;border-radius:2rem;font-size:1.08rem;font-weight:800;letter-spacing:.3px;box-shadow:0 2px 12px rgba(60,183,113,.13),0 0 12px 2px rgba(60,183,113,.1);border:none;outline:none;margin-top:.5rem;transition:background .18s,box-shadow .18s,transform .18s;text-decoration:none;position:relative}.hero-cta:focus,.hero-cta:hover{background:linear-gradient(90deg,#00b894,#3CB371);box-shadow:0 6px 24px rgba(60,183,113,.18);transform:translateY(-1px) scale(1.02)}.autoplay-progress{position:absolute;right:16px;bottom:16px;z-index:10;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--swiper-theme-color)}.autoplay-progress svg{--progress:0;position:absolute;left:0;top:0;z-index:10;width:100%;height:100%;stroke-width:4px;stroke:var(--swiper-theme-color);fill:none;stroke-dashoffset:calc(125.6px * (1 - var(--progress)));stroke-dasharray:125.6;transform:rotate(-90deg)}.swiper-pagination-bullet{width:14px;height:14px;background:rgba(60,183,113,.18);opacity:1;border:2px solid #3cb371;margin:0 6px!important;transition:background .2s,border .2s,transform .2s}.swiper-pagination-bullet-active{background:#3CB371;border:2.5px solid #00b894;transform:scale(1.18)}@media (max-width:1024px){.hero-slider,.slide{height:80vh}.content{padding:24px 20px;width:85%;max-width:600px;border-radius:1rem}.hero-title{font-size:1.8rem;line-height:1.2;margin-bottom:.8rem}.hero-desc{font-size:1rem;line-height:1.6;margin-bottom:1.2rem}.hero-cta{font-size:1rem;padding:.75rem 1.8rem}}@media (max-width:768px){.hero-slider,.slide{height:70vh}.content{padding:20px 16px;width:90%;max-width:500px;border-radius:.8rem;top:55%}.hero-title{font-size:1.5rem;line-height:1.25;margin-bottom:.7rem;letter-spacing:-.8px}.hero-desc{font-size:.9rem;line-height:1.5;margin-bottom:1rem}.hero-cta{font-size:.9rem;padding:.7rem 1.5rem;margin-top:.3rem}.autoplay-progress{width:40px;height:40px;right:12px;bottom:12px}.swiper-pagination-bullet{width:10px;height:10px;margin:0 4px!important}}@media (max-width:480px){.hero-slider,.slide{height:60vh}.content{padding:16px 12px;width:95%;max-width:400px;border-radius:.6rem;top:50%}.hero-title{font-size:1.2rem;line-height:1.3;margin-bottom:.6rem;letter-spacing:-.5px}.hero-desc{font-size:.8rem;line-height:1.4;margin-bottom:.8rem}.hero-cta{font-size:.8rem;padding:.6rem 1.2rem;border-radius:1.5rem}.autoplay-progress{width:32px;height:32px;right:8px;bottom:8px}.swiper-pagination-bullet{width:8px;height:8px;margin:0 3px!important}}@media (max-width:360px){.content{padding:12px 8px;width:98%}.hero-title{font-size:1rem;margin-bottom:.5rem}.hero-desc{font-size:.75rem;line-height:1.3;margin-bottom:.7rem}.hero-cta{font-size:.75rem;padding:.5rem 1rem}}