@import "https://cdn.jsdelivr.net/npm/@fontsource/cormorant@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/cormorant@latest/400-italic.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/cormorant@latest/500.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/cormorant@latest/500-italic.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/cormorant@latest/700.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/cormorant@latest/700-italic.css";
*{margin:0;padding:0;box-sizing:border-box}
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:500}
figure,blockquote{margin:0}
body{font-family:'Cormorant',serif;font-size:18px;line-height:1.7;color:#2a2a2a;background:#fff;scroll-behavior:smooth}
body.scroll-lock{overflow:hidden}
.MaxWd{max-width:1366px;margin:0 auto;padding:0 24px}
.HdrWrap{background:linear-gradient(135deg,#fff 0%,#E7E9ED 100%);box-shadow:0 4px 20px #116d7414;position:relative}
.HdrTop{text-align:center;padding:18px 0;border-bottom:1px solid #116d741f}
.HdrTop .CompNm{font-size:26px;font-weight:700;color:#116D74;letter-spacing:.5px}
.HdrMid{display:flex;align-items:center;justify-content:space-between;padding:28px 0;gap:40px}
.LogoBx{flex-shrink:0}
.LogoBx img{height:110px;width:110px;object-fit:contain;filter:drop-shadow(0 2px 8px #116d7426)}
.CtcLft,.CtcRgt{display:flex;flex-direction:column;gap:14px}
.CtcItm{display:flex;align-items:center;gap:10px;color:#2a2a2a;text-decoration:none;font-size:16px;transition:color .3s ease}
.CtcItm:hover{color:#116D74}
.CtcItm .oi,.CtcItm .fi-social-signal{color:#F45772;font-size:18px}
.HdrBtm{border-top:1px solid #116d741f;padding:0}
.Nv{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px}
.Nv a{display:block;padding:22px 32px;color:#2a2a2a;text-decoration:none;font-size:17px;font-weight:500;transition:background .3s ease,color .3s ease;border-radius:0}
.Nv a:hover{background:#116d740f;color:#116D74}
.FtrWrap{background:linear-gradient(180deg,#116D74 0%,#0d5258 100%);color:#fff;padding:60px 0 32px;margin-top:80px}
.FtrTop{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:50px;margin-bottom:50px}
.FtrBlk h3{font-size:22px;font-weight:700;margin-bottom:20px;color:#E7E9ED}
.FtrBlk p,.FtrBlk a{font-size:16px;line-height:1.8;color:#ffffffe6;text-decoration:none;display:block;margin-bottom:10px;transition:color .3s ease}
.FtrBlk a:hover{color:#F45772}
.FtrBlk .oi{margin-right:8px;color:#F45772}
.FtrBtm{border-top:1px solid #ffffff26;padding-top:28px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}
.FtrCpy{font-size:15px;color:#fffc}
.FtrNv{display:flex;gap:24px;flex-wrap:wrap}
.FtrNv a{font-size:15px;color:#ffffffe6;text-decoration:none;transition:color .3s ease}
.FtrNv a:hover{color:#F45772}
.CkTst{position:fixed;left:20px;top:50%;transform:translateY(-50%);background:#fff;border-radius:28px;box-shadow:0 12px 40px #116d7433;padding:28px 24px;max-width:320px;z-index:9999;opacity:0;animation:slideInLeft .6s ease forwards}
@keyframes slideInLeft {
from{opacity:0;transform:translate(-100%,-50%)}
to{opacity:1;transform:translate(0,-50%)}
}
.CkTst h4{font-size:19px;font-weight:700;color:#116D74;margin-bottom:14px}
.CkTst p{font-size:15px;color:#2a2a2a;line-height:1.6;margin-bottom:18px}
.CkSld{margin-bottom:20px}
.CkSld label{display:block;font-size:14px;color:#2a2a2a;margin-bottom:8px}
.CkSld input[type="range"]{width:100%;height:6px;border-radius:12px;background:linear-gradient(to right,#116D74,#F45772);outline:none;-webkit-appearance:none}
.CkSld input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#F45772;cursor:pointer;box-shadow:0 2px 8px #f4577266}
.CkSld input[type="range"]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#F45772;cursor:pointer;border:none;box-shadow:0 2px 8px #f4577266}
.CkBtns{display:flex;gap:10px}
.CkBtns button{flex:1;padding:12px 18px;border:2px solid #116D74;background:transparent;color:#116D74;font-family:'Cormorant',serif;font-size:15px;font-weight:500;border-radius:24px;cursor:pointer;transition:all .3s ease}
.CkBtns button:hover{background:#116D74;color:#fff}
@media (max-width: 992px) {
.HdrMid{flex-direction:column;text-align:center}
.CtcLft,.CtcRgt{display:none}
.Nv{flex-direction:column;align-items:stretch}
.Nv a{text-align:center}
.FtrTop{grid-template-columns:1fr}
.FtrBtm{flex-direction:column;text-align:center}
.CkTst{left:50%;bottom:20px;top:auto;transform:translateX(-50%);animation:slideInBottom .6s ease forwards}
@keyframes slideInBottom {
from{opacity:0;transform:translate(-50%,100%)}
to{opacity:1;transform:translate(-50%,0)}
}
}
@media (max-width: 576px) {
.MaxWd{padding:0 16px}
.HdrTop .CompNm{font-size:22px}
.LogoBx img{height:85px;width:85px}
.Nv a{padding:18px 24px;font-size:16px}
.CkTst{max-width:calc(100% - 32px);left:16px;right:16px;transform:none}
@keyframes slideInBottom {
from{opacity:0;transform:translateY(100%)}
to{opacity:1;transform:translateY(0)}
}
}
.agreement-section{max-width:920px;margin:0 auto;padding:80px 24px 120px;background:#fff}
.agreement-section h1{font-size:42px;line-height:1.2;color:#116D74;margin:0 0 16px;font-weight:700;letter-spacing:-.5px}
.agreement-section h2{font-size:32px;line-height:1.3;color:#116D74;margin:56px 0 20px;font-weight:600;letter-spacing:-.3px}
.agreement-section h3{font-size:24px;line-height:1.4;color:#116D74;margin:40px 0 16px;font-weight:600}
.agreement-section h4{font-size:20px;line-height:1.5;color:#116D74;margin:32px 0 12px;font-weight:600}
.agreement-section h5{font-size:18px;line-height:1.5;color:#116D74;margin:28px 0 12px;font-weight:600}
.agreement-section h6{font-size:16px;line-height:1.5;color:#116D74;margin:24px 0 12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.agreement-section p{font-size:17px;line-height:1.8;color:#2c3e50;margin:0 0 20px}
.agreement-section ul{margin:0 0 28px;padding:0 0 0 28px;list-style-type:none}
.agreement-section ul li{font-size:17px;line-height:1.8;color:#2c3e50;margin:0 0 12px;padding-left:20px;position:relative}
.agreement-section ul li:before{content:"";position:absolute;left:0;top:12px;width:8px;height:8px;background:#F45772;border-radius:50%}
.agreement-section ol{margin:0 0 28px;padding:0 0 0 28px;counter-reset:policy-counter;list-style:none}
.agreement-section ol li{font-size:17px;line-height:1.8;color:#2c3e50;margin:0 0 12px;padding-left:24px;position:relative;counter-increment:policy-counter}
.agreement-section ol li:before{content:counter(policy-counter) ".";position:absolute;left:0;top:0;color:#116D74;font-weight:600;font-size:16px}
.agreement-section strong,.agreement-section b{font-weight:600;color:#116D74}
.agreement-section em,.agreement-section i{font-style:italic;color:#2c3e50}
.agreement-section hr{border:none;height:2px;background:linear-gradient(90deg,#E7E9ED 0%,#116D74 50%,#E7E9ED 100%);margin:48px 0;opacity:.4}
.agreement-section div{margin:0}
.agreement-section a{color:#116D74;text-decoration:underline;transition:color .3s ease}
.agreement-section a:hover{color:#F45772}
@media (max-width: 768px) {
.agreement-section{padding:48px 20px 80px}
.agreement-section h1{font-size:32px;margin:0 0 12px}
.agreement-section h2{font-size:26px;margin:40px 0 16px}
.agreement-section h3{font-size:22px;margin:32px 0 12px}
.agreement-section h4{font-size:19px;margin:28px 0 10px}
.agreement-section h5{font-size:17px;margin:24px 0 10px}
.agreement-section h6{font-size:15px;margin:20px 0 10px}
.agreement-section p{font-size:16px;line-height:1.7;margin:0 0 16px}
.agreement-section ul{padding:0 0 0 20px;margin:0 0 24px}
.agreement-section ul li{font-size:16px;line-height:1.7;padding-left:16px;margin:0 0 10px}
.agreement-section ul li:before{top:10px;width:6px;height:6px}
.agreement-section ol{padding:0 0 0 20px;margin:0 0 24px}
.agreement-section ol li{font-size:16px;line-height:1.7;padding-left:20px;margin:0 0 10px}
.agreement-section ol li:before{font-size:15px}
.agreement-section hr{margin:36px 0}
}
@media (max-width: 480px) {
.agreement-section{padding:32px 16px 64px}
.agreement-section h1{font-size:28px}
.agreement-section h2{font-size:24px;margin:32px 0 14px}
.agreement-section p{font-size:15px}
.agreement-section ul li,.agreement-section ol li{font-size:15px}
}
.PgWrpr{max-width:1366px;margin:0 auto;padding:0}
.TtlSec{display:flex;align-items:center;gap:48px;padding:80px 24px;background:linear-gradient(135deg,#E7E9ED 0%,#fff 100%)}
.TtlSec .TxtBx{flex:1}
.TtlSec .TxtBx h1{font-size:42px;line-height:1.2;color:#116D74;margin:0 0 24px;position:relative}
.TtlSec .TxtBx h1::before{content:'';position:absolute;left:-12px;top:8px;width:4px;height:60%;background:linear-gradient(180deg,#F45772,#116D74);border-radius:2px}
.TtlSec .TxtBx p{font-size:18px;line-height:1.7;color:#2d3748;margin:0}
.TtlSec .ImgCrd{width:380px;height:420px;border-radius:28px;overflow:hidden;box-shadow:0 12px 32px #116d7426;transform:translateY(-8px)}
.TtlSec .ImgCrd img{width:100%;height:100%;object-fit:cover;display:block}
.TtlSec::after{content:'';position:absolute;right:5%;top:12%;width:120px;height:120px;background:radial-gradient(circle,#f4577214,transparent);border-radius:50%;z-index:0}
.StrctBox{padding:96px 24px;background:#fff}
.StrctBox h2{font-size:36px;color:#116D74;text-align:center;margin:0 0 72px;position:relative}
.StrctBox h2::after{content:'';position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,#116D74,#F45772);border-radius:2px}
.PhaseGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1200px;margin:0 auto}
.PhaseItm{background:linear-gradient(145deg,#f8f9fb,#E7E9ED);border-radius:24px;padding:40px 32px;position:relative;border:2px solid transparent;transition:all .3s ease}
.PhaseItm:hover{transform:translateY(-4px);border-color:#F45772;box-shadow:0 16px 40px #f457721f}
.PhaseItm .NumBdg{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#116D74,#0d5459);color:#fff;font-size:24px;font-weight:700;border-radius:50%;margin-bottom:20px}
.PhaseItm h3{font-size:22px;color:#2d3748;margin:0 0 16px}
.PhaseItm p{font-size:16px;line-height:1.6;color:#4a5568;margin:0}
.CompBox{padding:88px 24px;background:linear-gradient(160deg,#116D74 0%,#0d5459 100%);position:relative;overflow:hidden}
.CompBox::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#f4577226,transparent);border-radius:50%}
.CompBox h2{font-size:36px;color:#fff;text-align:center;margin:0 0 56px;position:relative;z-index:2}
.TabsWrap{max-width:1100px;margin:0 auto;position:relative;z-index:2}
.TabsWrap input[type="radio"]{display:none}
.TabBtns{display:flex;gap:16px;justify-content:center;margin-bottom:48px}
.TabBtns label{padding:16px 36px;background:#ffffff1a;color:#fff;border-radius:32px;cursor:pointer;font-size:17px;transition:all .3s ease;border:2px solid transparent}
.TabBtns label:hover{background:#ffffff26;transform:translateY(-2px)}
.TabsWrap input[type="radio"]:checked + label{background:#F45772;border-color:#fff;box-shadow:0 8px 24px #f4577266}
.TabCnt{display:none;background:#fffffff2;border-radius:28px;padding:48px;box-shadow:0 20px 48px #0003}
.TabsWrap input[id="tb1"]:checked ~ .TabCnt[data-tab="tb1"],.TabsWrap input[id="tb2"]:checked ~ .TabCnt[data-tab="tb2"],.TabsWrap input[id="tb3"]:checked ~ .TabCnt[data-tab="tb3"]{display:block}
.TabCnt h3{font-size:26px;color:#116D74;margin:0 0 24px}
.TabCnt .FtrList{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:0;padding:0;list-style:none}
.TabCnt .FtrList li{display:flex;align-items:flex-start;gap:12px;font-size:16px;color:#2d3748;line-height:1.6}
.TabCnt .FtrList li::before{content:'✓';display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#116D74;color:#fff;border-radius:50%;flex-shrink:0;font-size:14px;font-weight:700}
.MntrsWrap{padding:96px 24px;background:#f8f9fb}
.MntrsWrap h2{font-size:36px;color:#116D74;text-align:center;margin:0 0 64px}
.TeamRow{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1200px;margin:0 auto}
.MntrCard{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 8px 24px #116d7414;transition:all .3s ease}
.MntrCard:hover{transform:translateY(-8px);box-shadow:0 16px 40px #116d7426}
.MntrCard .PrtImg{width:100%;height:280px;overflow:hidden}
.MntrCard .PrtImg img{width:100%;height:100%;object-fit:cover;display:block}
.MntrCard .InfoSec{padding:28px 24px}
.MntrCard .InfoSec h4{font-size:22px;color:#2d3748;margin:0 0 8px}
.MntrCard .InfoSec .RoleTxt{font-size:15px;color:#F45772;font-weight:600;margin:0 0 16px}
.MntrCard .InfoSec p{font-size:15px;line-height:1.6;color:#4a5568;margin:0}
@media (max-width: 1024px) {
.TtlSec{flex-direction:column;gap:40px;padding:60px 24px}
.TtlSec .ImgCrd{width:100%;max-width:420px;height:380px}
.PhaseGrid{grid-template-columns:1fr;gap:24px}
.TeamRow{grid-template-columns:1fr;gap:32px}
.TabCnt .FtrList{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.TtlSec .TxtBx h1{font-size:32px}
.TtlSec .TxtBx p{font-size:16px}
.StrctBox h2,.CompBox h2,.MntrsWrap h2{font-size:28px}
.PhaseItm{padding:32px 24px}
.TabBtns{flex-direction:column;gap:12px}
.TabBtns label{text-align:center}
.TabCnt{padding:32px 24px}
.CompBox{padding:64px 24px}
.StrctBox,.MntrsWrap{padding:64px 24px}
}
.TopBox{max-width:1366px;margin:80px auto;padding:0 20px}
.TtlWrap{display:flex;align-items:center;gap:60px;margin-bottom:100px}
.TxtSide{flex:1;position:relative}
.TxtSide::before{content:'';position:absolute;top:-30px;left:-20px;width:120px;height:120px;background:linear-gradient(135deg,#116D74 0%,#116d741a 100%);border-radius:30px;z-index:-1}
.TopHd{font-size:48px;font-weight:700;color:#116D74;margin:0 0 24px;line-height:1.2}
.LngDesc{font-size:18px;line-height:1.7;color:#4a4a4a;margin:0}
.ImgSide{flex:1;position:relative}
.MainImg{width:100%;height:480px;object-fit:cover;border-radius:32px;box-shadow:0 16px 48px #116d7426;position:relative}
.MainImg::after{content:'';position:absolute;inset:0;border-radius:32px;box-shadow:inset 0 0 60px #0000001a;pointer-events:none}
.ShpDecor{position:absolute;bottom:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,#F45772 0%,#f4577233 70%);border-radius:50%;z-index:-1;filter:blur(30px)}
.NewsGrid{max-width:1366px;margin:0 auto 120px;padding:0 20px}
.GrdContainer{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.PostCard{background:linear-gradient(135deg,#fff 0%,#E7E9ED 100%);border-radius:28px;overflow:hidden;box-shadow:0 8px 32px #0000000f;transition:all .4s cubic-bezier(0.4,0,0.2,1);position:relative}
.PostCard:hover{transform:translateY(-8px);box-shadow:0 24px 56px #116d741f}
.PostCard::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#116D74 0%,#F45772 100%);opacity:0;transition:opacity .4s ease}
.PostCard:hover::before{opacity:1}
.CrdImg{width:100%;height:260px;object-fit:cover}
.CrdContent{padding:32px 28px}
.DateLabel{display:inline-block;font-size:13px;font-weight:600;color:#116D74;background:#116d7414;padding:6px 14px;border-radius:20px;margin-bottom:16px}
.CrdHd{font-size:24px;font-weight:700;color:#2a2a2a;margin:0 0 16px;line-height:1.3}
.CrdTxt{font-size:16px;line-height:1.6;color:#5a5a5a;margin:0 0 24px}
.Authoring{display:flex;align-items:center;gap:14px;padding-top:20px;border-top:2px solid #116d741a}
.AuthImg{width:48px;height:48px;border-radius:50%;object-fit:cover;border:3px solid #E7E9ED}
.AuthInfo{flex:1}
.AuthNm{font-size:15px;font-weight:600;color:#2a2a2a;margin:0 0 4px}
.AuthRole{font-size:13px;color:#7a7a7a;margin:0}
.RdTag{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#F45772;text-decoration:none;transition:gap .3s ease}
.RdTag:hover{gap:12px}
.RdTag svg{width:18px;height:18px;fill:currentColor}
.FeatBx{background:linear-gradient(135deg,#116D74 0%,#0d5459 100%);padding:60px 40px;border-radius:36px;position:relative;overflow:hidden}
.FeatBx::before{content:'';position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,#f4577233 0%,transparent 70%);border-radius:50%}
.FeatBx::after{content:'';position:absolute;bottom:-80px;left:-80px;width:250px;height:250px;background:radial-gradient(circle,#e7e9ed1a 0%,transparent 70%);border-radius:50%}
.FeatContent{position:relative;z-index:2}
.FeatLbl{display:inline-block;font-size:14px;font-weight:700;color:#F45772;background:#f4577226;padding:8px 18px;border-radius:24px;margin-bottom:20px;letter-spacing:.5px}
.FeatHd{font-size:32px;font-weight:700;color:#fff;margin:0 0 18px;line-height:1.3}
.FeatTxt{font-size:17px;line-height:1.7;color:#ffffffe6;margin:0}
@media (max-width: 1024px) {
.TtlWrap{flex-direction:column;gap:40px}
.GrdContainer{grid-template-columns:repeat(2,1fr);gap:32px}
.TopHd{font-size:40px}
}
@media (max-width: 768px) {
.TopBox{margin:50px auto}
.TtlWrap{margin-bottom:60px}
.TopHd{font-size:32px}
.LngDesc{font-size:16px}
.MainImg{height:320px}
.GrdContainer{grid-template-columns:1fr;gap:28px}
.NewsGrid{margin-bottom:80px}
.CrdContent{padding:24px 20px}
.CrdHd{font-size:21px}
.FeatBx{padding:40px 28px}
.FeatHd{font-size:26px}
}
@media (max-width: 480px) {
.TopBox{padding:0 16px}
.TopHd{font-size:28px}
.MainImg{height:260px;border-radius:24px}
.ShpDecor{width:150px;height:150px;bottom:-30px;right:-30px}
.NewsGrid{padding:0 16px}
.PostCard{border-radius:24px}
.CrdImg{height:200px}
.FeatBx{border-radius:28px;padding:32px 24px}
}
.HrBlk{background:linear-gradient(135deg,#116D74 0%,#F45772 100%);padding:120px 24px 100px;position:relative;overflow:hidden}
.HrBlk::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#e7e9ed26 0%,transparent 70%);border-radius:50%}
.HrWrp{max-width:1366px;margin:0 auto;display:flex;align-items:center;gap:60px;position:relative;z-index:2}
.HrTxt{flex:1;color:#fff}
.HrTxt h1{font-size:56px;line-height:1.15;margin:0 0 24px;font-weight:700}
.HrTxt .SubHd{font-size:22px;line-height:1.6;margin:0 0 36px;opacity:.95}
.HrTxt .MainDsc{font-size:17px;line-height:1.7;margin:0 0 40px;opacity:.9}
.HrImgGrp{flex:0 0 480px;position:relative;height:520px}
.HrImgGrp img{position:absolute;border-radius:28px;box-shadow:0 18px 48px #00000040;object-fit:cover}
.HrImgGrp img:nth-child(1){width:280px;height:340px;top:0;left:0;z-index:2}
.HrImgGrp img:nth-child(2){width:240px;height:300px;bottom:0;right:0;z-index:1}
.HrImgGrp::after{content:'';position:absolute;width:140px;height:140px;background:repeating-linear-gradient(45deg,#E7E9ED 0px,#E7E9ED 8px,transparent 8px,transparent 16px);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.3;z-index:0}
.ActBt{display:inline-flex;align-items:center;gap:12px;padding:16px 40px;background:#fff;color:#116D74;border-radius:32px;font-size:17px;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 8px 24px #00000026}
.ActBt:hover{transform:translateY(-3px);box-shadow:0 12px 32px #00000038}
.ActBt::after{content:'→';font-size:20px}
.CmmSec{padding:100px 24px;background:#fff}
.CmmBox{max-width:1366px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.CmmTxt h2{font-size:44px;color:#116D74;margin:0 0 28px;line-height:1.2}
.CmmTxt h2::before{content:'';display:block;width:60px;height:5px;background:linear-gradient(90deg,#F45772,#116D74);margin-bottom:20px;border-radius:8px}
.CmmTxt p{font-size:17px;color:#333;line-height:1.8;margin:0 0 20px}
.CmmTxt .FtList{list-style:none;padding:0;margin:32px 0 0}
.CmmTxt .FtList li{padding:16px 0 16px 48px;position:relative;font-size:16px;color:#444;line-height:1.6}
.CmmTxt .FtList li::before{content:'✓';position:absolute;left:0;top:16px;width:32px;height:32px;background:linear-gradient(135deg,#116D74,#F45772);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}
.CmmImg{position:relative}
.CmmImg img{width:100%;height:480px;object-fit:cover;border-radius:32px;box-shadow:0 16px 48px #116d7433}
.IntSec{padding:100px 24px;background:linear-gradient(180deg,#E7E9ED 0%,#fff 100%)}
.IntWrp{max-width:1366px;margin:0 auto}
.IntHd{text-align:center;margin-bottom:64px}
.IntHd h2{font-size:42px;color:#116D74;margin:0 0 20px}
.IntHd h2::after{content:'';display:block;width:80px;height:4px;background:#F45772;margin:20px auto 0;border-radius:8px}
.IntHd p{font-size:18px;color:#555;max-width:680px;margin:0 auto;line-height:1.7}
.IntGrd{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.IntCrd{background:#fff;padding:40px 32px;border-radius:28px;box-shadow:0 8px 28px #00000014;transition:all .4s ease;position:relative;overflow:hidden}
.IntCrd::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#116D74,#F45772);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.IntCrd:hover::before{transform:scaleX(1)}
.IntCrd:hover{transform:translateY(-8px);box-shadow:0 16px 48px #116d7426}
.IntCrd .IcnBox{width:72px;height:72px;background:linear-gradient(135deg,#116D74,#F45772);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;font-size:32px;color:#fff}
.IntCrd h3{font-size:22px;color:#116D74;margin:0 0 16px}
.IntCrd p{font-size:16px;color:#666;line-height:1.7;margin:0}
.SocSec{padding:100px 24px;background:#fff;position:relative}
.SocCnt{max-width:1366px;margin:0 auto;display:flex;gap:60px;align-items:center}
.SocImgBox{flex:0 0 520px;position:relative}
.SocImgBox img{width:100%;height:460px;object-fit:cover;border-radius:32px;box-shadow:0 20px 56px #f4577233}
.SocImgBox::after{content:'';position:absolute;bottom:-24px;right:-24px;width:200px;height:200px;background:radial-gradient(circle,#e7e9ed99 0%,transparent 70%);border-radius:50%;z-index:-1}
.SocInf{flex:1}
.SocInf h2{font-size:40px;color:#116D74;margin:0 0 24px;line-height:1.3}
.SocInf h2::before{content:'◆';color:#F45772;margin-right:12px;font-size:28px}
.SocInf p{font-size:17px;color:#444;line-height:1.8;margin:0 0 28px}
.SocStt{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.SttItm{text-align:center;padding:24px;background:linear-gradient(135deg,#116d740d,#f457720d);border-radius:20px}
.SttItm .Num{font-size:36px;font-weight:700;color:#116D74;display:block;margin-bottom:8px}
.SttItm .Lbl{font-size:15px;color:#666}
.EcoSec{padding:100px 24px;background:linear-gradient(135deg,#116D74 0%,#0a4f54 100%);position:relative;overflow:hidden}
.EcoSec::before{content:'';position:absolute;top:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#f4577226 0%,transparent 70%);border-radius:50%}
.EcoCnt{max-width:1366px;margin:0 auto;position:relative;z-index:2}
.EcoHdr{text-align:center;margin-bottom:72px}
.EcoHdr h2{font-size:44px;color:#fff;margin:0 0 20px}
.EcoHdr p{font-size:18px;color:#ffffffe6;max-width:700px;margin:0 auto;line-height:1.7}
.EcoGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.EcoBx{background:#ffffff1f;backdrop-filter:blur(10px);padding:36px 28px;border-radius:24px;border:1px solid #ffffff2e;transition:all .35s ease;text-align:center}
.EcoBx:hover{background:#ffffff2e;transform:translateY(-6px);border-color:#f4577280}
.EcoBx .IcWrp{width:64px;height:64px;background:linear-gradient(135deg,#F45772,#ff7a94);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:28px;color:#fff}
.EcoBx h3{font-size:20px;color:#fff;margin:0 0 12px}
.EcoBx p{font-size:15px;color:#ffffffd9;line-height:1.6;margin:0}
.DirSec{padding:100px 24px;background:#fff}
.DirCnt{max-width:1366px;margin:0 auto}
.DirHdr{margin-bottom:60px}
.DirHdr h2{font-size:42px;color:#116D74;margin:0 0 16px}
.DirHdr h2::after{content:'';display:inline-block;width:12px;height:12px;background:#F45772;border-radius:50%;margin-left:12px;vertical-align:middle}
.DirHdr p{font-size:18px;color:#555;line-height:1.7;max-width:760px}
.DirList{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.DirCard{display:flex;gap:28px;background:linear-gradient(135deg,#e7e9ed66,#e7e9ed1a);padding:40px;border-radius:28px;border-left:5px solid #116D74;transition:all .35s ease}
.DirCard:hover{transform:translateX(8px);box-shadow:0 12px 40px #116d741f;border-left-color:#F45772}
.DirCard .NumBdg{flex:0 0 56px;height:56px;background:linear-gradient(135deg,#F45772,#116D74);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff}
.DirCard .DirInfo{flex:1}
.DirCard .DirInfo h3{font-size:24px;color:#116D74;margin:0 0 12px}
.DirCard .DirInfo p{font-size:16px;color:#555;line-height:1.7;margin:0 0 16px}
.DirCard .DirInfo .SkList{display:flex;flex-wrap:wrap;gap:8px}
.DirCard .DirInfo .SkList span{padding:6px 14px;background:#fff;border-radius:16px;font-size:14px;color:#116D74;border:1px solid #116d7433}
.CtaSec{padding:80px 24px;background:linear-gradient(135deg,#f4577214,#116d7414);text-align:center}
.CtaBox{max-width:860px;margin:0 auto}
.CtaBox h2{font-size:38px;color:#116D74;margin:0 0 20px;line-height:1.3}
.CtaBox p{font-size:18px;color:#555;line-height:1.7;margin:0 0 40px}
.CtaBtns{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.PrimBtn{padding:18px 44px;background:linear-gradient(135deg,#116D74,#0a4f54);color:#fff;border-radius:32px;font-size:17px;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-block;box-shadow:0 10px 28px #116d7440}
.PrimBtn:hover{transform:translateY(-4px);box-shadow:0 14px 36px #116d7459}
.SecBtn{padding:18px 44px;background:#fff;color:#116D74;border-radius:32px;font-size:17px;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-block;border:2px solid #116D74}
.SecBtn:hover{background:#116D74;color:#fff}
@media (max-width: 1024px) {
.HrWrp{flex-direction:column;gap:48px}
.HrImgGrp{flex:0 0 auto;width:100%;max-width:480px}
.HrTxt h1{font-size:44px}
.CmmBox{grid-template-columns:1fr;gap:48px}
.IntGrd{grid-template-columns:repeat(2,1fr)}
.SocCnt{flex-direction:column}
.SocImgBox{flex:0 0 auto;width:100%}
.EcoGrid{grid-template-columns:repeat(2,1fr)}
.DirList{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.HrBlk{padding:80px 20px 60px}
.HrTxt h1{font-size:36px}
.HrTxt .SubHd{font-size:19px}
.HrImgGrp{height:420px}
.HrImgGrp img:nth-child(1){width:220px;height:280px}
.HrImgGrp img:nth-child(2){width:200px;height:250px}
.CmmSec,.IntSec,.SocSec,.EcoSec,.DirSec{padding:60px 20px}
.CmmTxt h2,.IntHd h2,.SocInf h2,.EcoHdr h2,.DirHdr h2{font-size:32px}
.IntGrd{grid-template-columns:1fr;gap:24px}
.SocStt{grid-template-columns:1fr}
.EcoGrid{grid-template-columns:1fr}
.DirCard{flex-direction:column;padding:32px 24px}
.CtaBtns{flex-direction:column;align-items:center}
.PrimBtn,.SecBtn{width:100%;max-width:320px}
}
.CtBlock{background:linear-gradient(135deg,#116D74 0%,#1a8d96 100%);position:relative;overflow:hidden;padding:80px 20px}
.CtBlock .imgBehind{position:absolute;right:0;top:0;width:45%;height:100%;object-fit:cover;opacity:.15;filter:grayscale(40%);z-index:1}
.CtBlock .centerWrap{max-width:1366px;margin:0 auto;position:relative;z-index:2}
.CtBlock .textStack{max-width:580px}
.CtBlock .problemLine{font-size:18px;color:#E7E9ED;font-weight:400;margin-bottom:16px;line-height:1.5}
.CtBlock .solutionLine{font-size:42px;color:#fff;font-weight:700;line-height:1.2;margin:0}
.CtBlock::before{content:'';position:absolute;width:280px;height:280px;background:radial-gradient(circle,#f4577240 0%,transparent 70%);border-radius:50%;top:-80px;left:10%;z-index:0}
.InfoBox{max-width:1366px;margin:0 auto;padding:70px 20px}
.InfoBox .gridTwo{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.InfoBox .leftDetail{background:#fff;padding:45px;border-radius:28px;box-shadow:0 12px 32px #116d7414}
.InfoBox .leftDetail h2{font-size:32px;color:#116D74;margin:0 0 24px;font-weight:700}
.InfoBox .leftDetail .methodWrap{margin-bottom:28px}
.InfoBox .leftDetail .methodWrap h3{font-size:20px;color:#333;margin:0 0 12px;font-weight:600;display:flex;align-items:center;gap:10px}
.InfoBox .leftDetail .methodWrap h3::before{content:'';width:4px;height:20px;background:linear-gradient(180deg,#F45772 0%,#116D74 100%);border-radius:2px}
.InfoBox .leftDetail .methodWrap p{font-size:16px;color:#555;line-height:1.6;margin:0}
.InfoBox .leftDetail .methodWrap a{color:#116D74;text-decoration:none;font-weight:500;transition:color .3s ease}
.InfoBox .leftDetail .methodWrap a:hover{color:#F45772}
.InfoBox .rightForm{background:#F9FAFB;padding:45px;border-radius:28px;border:2px solid #E7E9ED}
.InfoBox .rightForm h2{font-size:28px;color:#333;margin:0 0 10px;font-weight:700}
.InfoBox .rightForm .subText{font-size:15px;color:#666;margin-bottom:32px;line-height:1.5}
.InfoBox .rightForm .formGrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}
.InfoBox .rightForm .fullRow{grid-column:1 / -1}
.InfoBox .rightForm label{display:block;font-size:14px;color:#333;font-weight:600;margin-bottom:8px}
.InfoBox .rightForm input,.InfoBox .rightForm select,.InfoBox .rightForm textarea{width:100%;padding:14px 18px;border:2px solid #E7E9ED;border-radius:12px;font-size:15px;color:#333;background:#fff;transition:all .3s ease;box-sizing:border-box}
.InfoBox .rightForm input:focus,.InfoBox .rightForm select:focus,.InfoBox .rightForm textarea:focus{outline:none;border-color:#116D74;box-shadow:0 0 0 3px #116d741a}
.InfoBox .rightForm textarea{resize:vertical;min-height:120px}
.InfoBox .rightForm .privacyCheck{display:flex;gap:12px;align-items:flex-start;margin:24px 0}
.InfoBox .rightForm .privacyCheck input[type="checkbox"]{width:20px;height:20px;margin-top:2px;cursor:pointer;flex-shrink:0}
.InfoBox .rightForm .privacyCheck label{font-size:14px;font-weight:400;color:#555;margin:0;line-height:1.5}
.InfoBox .rightForm .privacyCheck a{color:#116D74;text-decoration:underline;transition:color .3s ease}
.InfoBox .rightForm .privacyCheck a:hover{color:#F45772}
.InfoBox .rightForm .submitBtn{width:100%;padding:16px 32px;background:linear-gradient(135deg,#116D74 0%,#0d5259 100%);color:#fff;font-size:17px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px #116d7440;z-index:10;position:relative}
.InfoBox .rightForm .submitBtn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #116d7459;background:linear-gradient(135deg,#0d5259 0%,#116D74 100%)}
.InfoBox .rightForm .submitBtn:active{transform:translateY(0)}
.MapSection{background:#fff;padding:0 20px 70px}
.MapSection .centerWrap-2{max-width:1366px;margin:0 auto}
.MapSection .addressBlock{background:linear-gradient(135deg,#E7E9ED 0%,#f5f6f8 100%);padding:50px;border-radius:32px;text-align:center;box-shadow:0 8px 24px #0000000f}
.MapSection .addressBlock h2{font-size:30px;color:#116D74;margin:0 0 12px;font-weight:700}
.MapSection .addressBlock .addressLine{font-size:18px;color:#555;line-height:1.7;margin-bottom:8px}
.HoursBox{max-width:1366px;margin:0 auto;padding:0 20px 80px}
.HoursBox .scheduleWrap{background:#fff;padding:50px;border-radius:32px;box-shadow:0 16px 40px #116d741f;border-top:6px solid #F45772}
.HoursBox .scheduleWrap h2{font-size:32px;color:#333;margin:0 0 28px;font-weight:700;text-align:center}
.HoursBox .daysList{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.HoursBox .dayItem{display:flex;justify-content:space-between;padding:18px 24px;background:#F9FAFB;border-radius:16px;border-left:4px solid #116D74}
.HoursBox .dayItem .dayName{font-size:16px;color:#333;font-weight:600}
.HoursBox .dayItem .dayTime{font-size:16px;color:#666;font-weight:400}
@media (max-width: 1024px) {
.InfoBox .gridTwo{grid-template-columns:1fr;gap:40px}
.CtBlock .solutionLine{font-size:36px}
.HoursBox .daysList{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.CtBlock{padding:60px 20px}
.CtBlock .imgBehind{width:60%;opacity:.1}
.CtBlock .solutionLine{font-size:28px}
.CtBlock .problemLine{font-size:16px}
.InfoBox{padding:50px 20px}
.InfoBox .leftDetail,.InfoBox .rightForm{padding:30px}
.InfoBox .rightForm .formGrid{grid-template-columns:1fr}
.MapSection{padding:0 20px 50px}
.MapSection .addressBlock{padding:35px 25px}
.HoursBox{padding:0 20px 60px}
.HoursBox .scheduleWrap{padding:35px 25px}
}
.AbtPg{max-width:1366px;margin:0 auto;padding:0}
.Hro-box{display:flex;flex-direction:row;align-items:stretch;background:linear-gradient(135deg,#E7E9ED 0%,#fff 100%);border-radius:32px;overflow:hidden;margin:64px 20px 80px;box-shadow:0 8px 24px #116d7414}
.Hro-box .ImgStrp{flex:0 0 280px;position:relative;overflow:hidden}
.Hro-box .ImgStrp img{width:100%;height:100%;object-fit:cover;animation:ImgSlide 8s ease-in-out infinite}
@keyframes ImgSlide {
0%,100%{transform:scale(1.05) translateY(0)}
50%{transform:scale(1.08) translateY(-8px)}
}
.Hro-box .TxtArea{flex:1;padding:72px 64px;display:flex;flex-direction:column;justify-content:center;position:relative}
.Hro-box .TxtArea::before{content:'';position:absolute;top:40px;left:-120px;width:240px;height:240px;background:radial-gradient(circle,#f457720f 0%,transparent 70%);border-radius:50%;animation:FloatCirc 12s ease-in-out infinite}
@keyframes FloatCirc {
0%,100%{transform:translate(0,0) scale(1)}
33%{transform:translate(20px,-15px) scale(1.08)}
66%{transform:translate(-15px,10px) scale(0.95)}
}
.Hro-box .TxtArea .Dc{font-size:17px;line-height:1.7;color:#116D74;margin-bottom:16px;font-weight:500}
.Hro-box .TxtArea h1{font-size:48px;line-height:1.2;color:#116D74;margin:0 0 24px;font-weight:700}
.Hro-box .TxtArea .Subt{font-size:19px;line-height:1.6;color:#2a3b47;margin:0}
.StryWrp{margin:0 20px 80px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.StryWrp .TxtSd{padding:48px 0}
.StryWrp .TxtSd h2{font-size:38px;line-height:1.3;color:#116D74;margin:0 0 28px;font-weight:700}
.StryWrp .TxtSd .Pr{font-size:17px;line-height:1.8;color:#3d4e5a;margin:0 0 20px}
.StryWrp .TxtSd .Pr:last-child{margin-bottom:0}
.StryWrp .ImgGrd{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.StryWrp .ImgGrd .ImgBox{position:relative;border-radius:28px;overflow:hidden;box-shadow:0 12px 32px #116d741f;transition:transform .4s ease,box-shadow .4s ease}
.StryWrp .ImgGrd .ImgBox:hover{transform:translateY(-6px);box-shadow:0 18px 40px #f4577229}
.StryWrp .ImgGrd .ImgBox img{width:100%;height:280px;object-fit:cover;display:block}
.StryWrp .ImgGrd .ImgBox:first-child{grid-column:1 / -1}
.StryWrp .ImgGrd .ImgBox:first-child img{height:340px}
.VlsPnl{margin:0 20px 80px;background:linear-gradient(135deg,#116D74 0%,#116d74e0 100%);border-radius:36px;padding:68px 72px;position:relative;overflow:hidden}
.VlsPnl::after{content:'';position:absolute;top:-80px;right:-80px;width:320px;height:320px;background:radial-gradient(circle,#f457722e 0%,transparent 60%);border-radius:50%;animation:PulseGlow 10s ease-in-out infinite}
@keyframes PulseGlow {
0%,100%{transform:scale(1);opacity:.5}
50%{transform:scale(1.15);opacity:.8}
}
.VlsPnl h2{font-size:42px;line-height:1.25;color:#fff;margin:0 0 48px;font-weight:700;text-align:center;position:relative;z-index:2}
.VlsPnl .VlsGrd{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;position:relative;z-index:2}
.VlsPnl .VlsGrd .VlItm{background:#ffffff17;border-radius:24px;padding:36px 28px;border:1px solid #ffffff24;transition:all .4s ease}
.VlsPnl .VlsGrd .VlItm:hover{background:#ffffff26;transform:translateY(-4px);border-color:#f4577266}
.VlsPnl .VlsGrd .VlItm .IcnBox-2{width:68px;height:68px;background:linear-gradient(135deg,#F45772 0%,#f45772cc 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.VlsPnl .VlsGrd .VlItm .IcnBox-2 svg{width:34px;height:34px;fill:#fff}
.VlsPnl .VlsGrd .VlItm h3{font-size:22px;line-height:1.4;color:#fff;margin:0 0 14px;font-weight:600}
.VlsPnl .VlsGrd .VlItm .Pr{font-size:16px;line-height:1.7;color:#ffffffd9;margin:0}
.TmSectn{margin:0 20px 80px}
.TmSectn h2{font-size:44px;line-height:1.25;color:#116D74;margin:0 0 20px;font-weight:700;text-align:center}
.TmSectn .SubHd{font-size:18px;line-height:1.6;color:#5a6c78;text-align:center;max-width:720px;margin:0 auto 56px}
.TmSectn .TmGrd{display:grid;grid-template-columns:repeat(2,1fr);gap:48px;max-width:980px;margin:0 auto}
.TmSectn .TmGrd .TmCrd{background:linear-gradient(135deg,#fff 0%,#f8f9fb 100%);border-radius:28px;padding:42px;box-shadow:0 8px 28px #116d741a;display:flex;gap:32px;align-items:flex-start;transition:all .4s ease;position:relative}
.TmSectn .TmGrd .TmCrd::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#F45772 0%,#116D74 100%);border-radius:0 0 4px 4px;transition:height .4s ease}
.TmSectn .TmGrd .TmCrd:hover::before{height:100%}
.TmSectn .TmGrd .TmCrd:hover{transform:translateY(-6px);box-shadow:0 16px 40px #f4577229}
.TmSectn .TmGrd .TmCrd .ImgWrp{flex:0 0 120px}
.TmSectn .TmGrd .TmCrd .ImgWrp img{width:120px;height:120px;border-radius:22px;object-fit:cover;border:3px solid #E7E9ED}
.TmSectn .TmGrd .TmCrd .TxtWrp h3{font-size:24px;line-height:1.3;color:#116D74;margin:0 0 8px;font-weight:700}
.TmSectn .TmGrd .TmCrd .TxtWrp .Rl{font-size:16px;line-height:1.5;color:#F45772;margin:0 0 16px;font-weight:600}
.TmSectn .TmGrd .TmCrd .TxtWrp .Pr{font-size:16px;line-height:1.7;color:#4a5b67;margin:0}
.CtaBox-2{background:linear-gradient(135deg,#E7E9ED 0%,#fff 100%);border-radius:36px;padding:68px 56px;margin:0 20px 64px;text-align:center;position:relative;overflow:hidden}
.CtaBox-2::before{content:'';position:absolute;bottom:-60px;left:50%;transform:translateX(-50%);width:280px;height:280px;background:radial-gradient(circle,#116d7414 0%,transparent 70%);border-radius:50%}
.CtaBox-2 h2{font-size:40px;line-height:1.3;color:#116D74;margin:0 0 20px;font-weight:700;position:relative;z-index:2}
.CtaBox-2 .Pr{font-size:18px;line-height:1.7;color:#4a5b67;margin:0 0 36px;max-width:640px;margin-left:auto;margin-right:auto;position:relative;z-index:2}
.CtaBox-2 .BtnWrp{display:flex;gap:20px;justify-content:center;position:relative;z-index:2}
.CtaBox-2 .BtnWrp .Bt{display:inline-flex;align-items:center;gap:10px;padding:18px 42px;font-size:17px;font-weight:600;border-radius:24px;text-decoration:none;transition:all .3s ease;position:relative;z-index:10}
.CtaBox-2 .BtnWrp .Bt.Prmry{background:linear-gradient(135deg,#116D74 0%,#116d74e6 100%);color:#fff;box-shadow:0 8px 20px #116d743d}
.CtaBox-2 .BtnWrp .Bt.Prmry:hover{transform:translateY(-3px);box-shadow:0 12px 28px #116d7452}
.CtaBox-2 .BtnWrp .Bt.Scndry{background:linear-gradient(135deg,#F45772 0%,#f45772e6 100%);color:#fff;box-shadow:0 8px 20px #f457723d}
.CtaBox-2 .BtnWrp .Bt.Scndry:hover{transform:translateY(-3px);box-shadow:0 12px 28px #f4577252}
@media (max-width: 1024px) {
.Hro-box{flex-direction:column;margin:48px 16px 64px}
.Hro-box .ImgStrp{flex:0 0 240px}
.Hro-box .TxtArea{padding:48px 40px}
.Hro-box .TxtArea h1{font-size:38px}
.StryWrp{grid-template-columns:1fr;margin:0 16px 64px;gap:40px}
.VlsPnl{margin:0 16px 64px;padding:52px 40px}
.VlsPnl .VlsGrd{grid-template-columns:1fr;gap:28px}
.TmSectn{margin:0 16px 64px}
.TmSectn .TmGrd{grid-template-columns:1fr;gap:32px}
.CtaBox-2{margin:0 16px 48px;padding:52px 40px}
}
@media (max-width: 768px) {
.Hro-box{margin:32px 12px 48px;border-radius:24px}
.Hro-box .ImgStrp{flex:0 0 180px}
.Hro-box .TxtArea{padding:36px 28px}
.Hro-box .TxtArea h1{font-size:32px}
.Hro-box .TxtArea .Dc,.Hro-box .TxtArea .Subt{font-size:16px}
.StryWrp{margin:0 12px 48px}
.StryWrp .TxtSd{padding:32px 0}
.StryWrp .TxtSd h2{font-size:30px}
.StryWrp .ImgGrd{gap:16px}
.StryWrp .ImgGrd .ImgBox img{height:220px}
.StryWrp .ImgGrd .ImgBox:first-child img{height:280px}
.VlsPnl{margin:0 12px 48px;padding:40px 28px;border-radius:28px}
.VlsPnl h2{font-size:32px;margin-bottom:36px}
.TmSectn{margin:0 12px 48px}
.TmSectn h2{font-size:34px}
.TmSectn .TmGrd .TmCrd{flex-direction:column;padding:32px 24px;gap:24px}
.TmSectn .TmGrd .TmCrd .ImgWrp{flex:0 0 auto;align-self:center}
.CtaBox-2{margin:0 12px 40px;padding:44px 28px;border-radius:28px}
.CtaBox-2 h2{font-size:32px}
.CtaBox-2 .BtnWrp{flex-direction:column;align-items:center}
.CtaBox-2 .BtnWrp .Bt{width:100%;max-width:300px;justify-content:center}
}
.SuccessWrapper{max-width:1366px;margin:0 auto;padding:0;background:#FFF}
.TopHeroZone{position:relative;padding:120px 40px 100px;background:linear-gradient(135deg,#E7E9ED 0%,#FFF 100%);overflow:hidden}
.TopHeroZone::before{content:'';position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,#116d7414 0%,transparent 70%);top:-150px;right:10%;z-index:1}
.TopHeroZone::after{content:'';position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#f457720f 0%,transparent 70%);bottom:-100px;left:5%;z-index:1}
.HeroInnerBox{position:relative;z-index:2;max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;transform:rotate(-1deg)}
.SuccessIconWrap{width:120px;height:120px;margin:0 auto 40px;background:linear-gradient(135deg,#116D74 0%,#F45772 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 16px 48px #116d7433;animation:pulseGently 3s ease-in-out infinite}
@keyframes pulseGently {
0%,100%{transform:scale(1)}
50%{transform:scale(1.05)}
}
.SuccessIconWrap svg{width:70px;height:70px;fill:#FFF}
.MainSuccessTitle{font-size:56px;font-weight:700;color:#116D74;margin:0 0 24px;line-height:1.2;letter-spacing:-.5px;transform:rotate(1deg)}
.ConfirmSubline{font-size:20px;color:#4A5568;line-height:1.6;margin:0 0 48px;max-width:680px;transform:rotate(-0.5deg)}
.CheckInbox{display:inline-flex;align-items:center;gap:12px;padding:18px 36px;background:#F45772;color:#FFF;text-decoration:none;font-size:18px;font-weight:600;border-radius:32px;box-shadow:0 8px 24px #f4577240;transition:all .3s ease;transform:rotate(0.5deg)}
.CheckInbox:hover{background:linear-gradient(135deg,#F45772 0%,#116D74 100%);box-shadow:0 12px 32px #f4577259;transform:translateY(-2px) rotate(0.5deg)}
.NextStepsSection{padding:100px 40px;background:#FFF}
.StepsGrid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}
.StepItem{padding:40px 36px;background:linear-gradient(145deg,#E7E9ED 0%,#FFF 100%);border-radius:28px;position:relative;box-shadow:0 4px 16px #116d7414;transition:all .4s ease}
.StepItem:hover{transform:translateY(-8px);box-shadow:0 12px 32px #116d7426}
.StepItem::before{content:'';position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,#116D74 0%,#F45772 100%);border-radius:28px 0 0 28px}
.StepNum{display:inline-block;width:48px;height:48px;background:#116D74;color:#FFF;font-size:22px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.StepItem:nth-child(2) .StepNum{background:linear-gradient(135deg,#116D74 0%,#F45772 50%)}
.StepItem:nth-child(3) .StepNum{background:#F45772}
.StepItemTitle{font-size:24px;font-weight:700;color:#116D74;margin:0 0 16px;line-height:1.3}
.StepItemDesc{font-size:16px;color:#4A5568;line-height:1.7;margin:0}
.ContactInfoBox{max-width:1200px;margin:60px auto 0;padding:48px;background:linear-gradient(135deg,#116D74 0%,#F45772 100%);border-radius:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;box-shadow:0 16px 48px #116d7433}
.ContactBlock{display:flex;flex-direction:column;gap:12px}
.ContactLabel{font-size:14px;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:1px;margin:0}
.ContactValue{font-size:18px;font-weight:600;color:#FFF;text-decoration:none;transition:all .3s ease;display:inline-block}
.ContactValue:hover{color:#E7E9ED;transform:translateX(4px)}
@media (max-width: 968px) {
.TopHeroZone{padding:80px 24px 60px}
.MainSuccessTitle{font-size:42px}
.ConfirmSubline{font-size:18px}
.StepsGrid{grid-template-columns:1fr;gap:24px}
.NextStepsSection{padding:60px 24px}
.ContactInfoBox{padding:32px 24px;gap:28px}
}
@media (max-width: 640px) {
.MainSuccessTitle{font-size:32px}
.ConfirmSubline{font-size:16px}
.CheckInbox{font-size:16px;padding:14px 28px}
.SuccessIconWrap{width:100px;height:100px}
.SuccessIconWrap svg{width:60px;height:60px}
.StepItem{padding:32px 24px}
.ContactInfoBox{grid-template-columns:1fr}
}