html{box-sizing:border-box;font-size:16px}
body{margin:0;padding:0;font-family:'Roboto',sans-serif;background:linear-gradient(127deg,#FCF6DE 0%,#FFF 45%,#ADFDC0 100%);color:#1a1a1a;line-height:1.6}
*,:before,:after{box-sizing:inherit}
.mainHead{background:linear-gradient(142deg,#ADFDC0 0%,#FCF6DE 100%);padding:25px 0;box-shadow:0 4px 6px #5f16461f;border-bottom:3px solid #5F1646}
.mainHead .headWrap{max-width:1600px;margin:0 auto;padding:0 20px}
.mainHead .gridTop{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;margin-bottom:20px}
.mainHead .logoBox{display:flex;align-items:center}
.mainHead .logoLink{display:block;width:110px;height:110px;background:#FFF;border-radius:16px;padding:12px;box-shadow:0 3px 8px #5f16462e;border:2px solid #5F1646;transition:transform .2s}
.mainHead .logoLink:hover{transform:translateY(-2px)}
.mainHead .siteLogo{width:100%;height:100%;object-fit:contain}
.mainHead .brandBox{display:flex;align-items:center;justify-content:flex-end}
.mainHead .companyTitle{font-size:32px;font-weight:700;color:#5F1646;text-shadow:2px 2px 4px #adfdc080;letter-spacing:.5px}
.mainHead .navi{display:flex;gap:15px;flex-wrap:wrap;padding:18px 25px;background:#ffffffa6;border-radius:20px;border:2px solid #5F1646;box-shadow:0 2px 5px #5f164626}
.mainHead .navLink{text-decoration:none;color:#5F1646;font-weight:700;font-size:17px;padding:10px 18px;border-radius:12px;border:2px solid transparent;transition:background 0.2s,border-color .2s}
.mainHead .navLink:hover{background:#ADFDC0;border-color:#5F1646}
.foot{background:linear-gradient(135deg,#5F1646 0%,#3d0e2e 100%);color:#FCF6DE;padding:50px 0 25px;margin-top:80px;box-shadow:0 -4px 8px #5f164633}
.foot .footWrap{max-width:1600px;margin:0 auto;padding:0 20px}
.foot .footCols{display:flex;flex-wrap:wrap;gap:40px;margin-bottom:35px}
.foot .footCol{flex:1 1 280px}
.foot .footTitle{font-size:22px;font-weight:700;margin:0 0 18px;color:#ADFDC0}
.foot .footDesc{margin:0;line-height:1.7;color:#FCF6DE}
.foot .footNavi{display:flex;flex-direction:column;gap:10px}
.foot .footLink{text-decoration:none;color:#FCF6DE;font-size:16px;transition:color .2s;display:inline-block}
.foot .footLink:hover{color:#ADFDC0}
.foot .footInfo{margin:0;color:#FCF6DE}
.foot .footBot{padding-top:25px;border-top:2px solid #adfdc04d;text-align:center}
.foot .copyTxt{margin:0;font-size:14px;color:#FCF6DE}
.cookieBox{position:fixed;top:20px;left:20px;z-index:10000;transform:translateX(-500px);transition:transform .4s cubic-bezier(0.68,-0.55,0.265,1.55)}
.cookieBox[data-visible="true"]{transform:translateX(0)}
.cookieBox .cookieCard{background:#FFF;border-radius:18px;box-shadow:0 6px 20px #5f164640;border:3px solid #5F1646;max-width:420px;overflow:hidden}
.cookieBox .cookieHead{background:linear-gradient(135deg,#ADFDC0 0%,#FCF6DE 100%);padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #5F1646}
.cookieBox .cookieTit{margin:0;font-size:20px;font-weight:700;color:#5F1646}
.cookieBox .closeButt{background:transparent;border:2px solid #5F1646;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;padding:0}
.cookieBox .closeButt:hover{background:#5f16461a}
.cookieBox .closeButt ion-icon{font-size:20px;color:#5F1646}
.cookieBox .cookieTabs{display:flex;background:#FCF6DE;border-bottom:2px solid #5F1646}
.cookieBox .tabButt{flex:1;padding:12px;background:transparent;border:none;border-right:2px solid #5F1646;font-family:'Roboto',sans-serif;font-size:15px;font-weight:700;color:#5F1646;cursor:pointer;transition:background .2s}
.cookieBox .tabButt:last-child{border-right:none}
.cookieBox .tabButt.active{background:#ADFDC0}
.cookieBox .tabButt:hover{background:#adfdc066}
.cookieBox .cookieContent{padding:20px;max-height:320px;overflow-y:auto}
.cookieBox .tabPanel{display:none}
.cookieBox .tabPanel.active{display:block}
.cookieBox .cookieTxt{margin:0;color:#1a1a1a;line-height:1.7;font-size:15px}
.cookieBox .cookieCat{margin-bottom:18px}
.cookieBox .catLabel{display:flex;align-items:center;gap:10px;cursor:pointer;margin-bottom:8px}
.cookieBox .catCheck{width:20px;height:20px;cursor:pointer}
.cookieBox .catName{font-weight:700;color:#5F1646;font-size:16px}
.cookieBox .catDesc{margin:0 0 0 30px;font-size:14px;color:#4a4a4a;line-height:1.5}
.cookieBox .cookieActions{padding:20px;background:#FCF6DE;display:flex;gap:12px;border-top:2px solid #5F1646}
.cookieBox .cookieButt{flex:1;padding:12px 18px;border-radius:10px;font-family:'Roboto',sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:background 0.2s,transform .1s;border:2px solid #5F1646}
.cookieBox .cookieButt.accept{background:#ADFDC0;color:#5F1646}
.cookieBox .cookieButt.accept:hover{background:#9ae5ac;transform:translateY(-1px)}
.cookieBox .cookieButt.decline{background:transparent;color:#5F1646}
.cookieBox .cookieButt.decline:hover{background:#5f16461a;transform:translateY(-1px)}
@media (max-width: 768px) {
.mainHead .gridTop{grid-template-columns:1fr;text-align:center}
.mainHead .brandBox{justify-content:center}
.mainHead .companyTitle{font-size:26px}
.mainHead .logoLink{margin:0 auto}
.mainHead .navi{justify-content:center}
.foot .footCols{flex-direction:column;gap:30px}
.cookieBox{left:10px;right:10px;top:10px}
.cookieBox .cookieCard{max-width:100%}
}
@media (max-width: 480px) {
.mainHead .navLink{font-size:15px;padding:8px 14px}
.cookieBox .cookieActions{flex-direction:column}
}
.terms-area{max-width:900px;margin:0 auto;padding:80px 24px 120px;background:#FCF6DE}
.terms-area h1{font-size:48px;font-weight:700;color:#5F1646;margin:0 0 16px;line-height:1.2;letter-spacing:-.02em}
.terms-area h2{font-size:32px;font-weight:700;color:#5F1646;margin:64px 0 24px;line-height:1.3;letter-spacing:-.01em}
.terms-area h3{font-size:24px;font-weight:600;color:#5F1646;margin:48px 0 20px;line-height:1.4}
.terms-area h4{font-size:20px;font-weight:600;color:#5F1646;margin:36px 0 16px;line-height:1.5}
.terms-area h5{font-size:18px;font-weight:600;color:#5F1646;margin:32px 0 14px;line-height:1.5}
.terms-area h6{font-size:16px;font-weight:600;color:#5F1646;margin:28px 0 12px;line-height:1.5;text-transform:uppercase;letter-spacing:.05em}
.terms-area p{font-size:17px;line-height:1.8;color:#2a2a2a;margin:0 0 24px;font-weight:400}
.terms-area ul{margin:0 0 32px;padding:0 0 0 28px;list-style-type:disc}
.terms-area ol{margin:0 0 32px;padding:0 0 0 28px;list-style-type:decimal}
.terms-area li{font-size:17px;line-height:1.8;color:#2a2a2a;margin:0 0 12px;padding-left:8px}
.terms-area ul ul,.terms-area ol ol,.terms-area ul ol,.terms-area ol ul{margin:12px 0 0;padding-left:28px}
.terms-area ul ul{list-style-type:circle}
.terms-area strong,.terms-area b{font-weight:700;color:#5F1646}
.terms-area a{color:#5F1646;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;transition:all .2s ease}
.terms-area a:hover{color:#2a2a2a;text-decoration-color:#ADFDC0;text-decoration-thickness:3px}
.terms-area a:focus{outline:3px solid #ADFDC0;outline-offset:2px;border-radius:2px}
.terms-area hr{border:none;height:2px;background:linear-gradient(135deg,#ADFDC0 0%,#5F1646 100%);margin:56px 0;border-radius:2px}
@media (max-width: 768px) {
.terms-area{padding:48px 20px 80px}
.terms-area h1{font-size:36px;margin-bottom:12px}
.terms-area h2{font-size:28px;margin:48px 0 20px}
.terms-area h3{font-size:22px;margin:36px 0 16px}
.terms-area h4{font-size:19px;margin:28px 0 14px}
.terms-area h5{font-size:17px;margin:24px 0 12px}
.terms-area h6{font-size:15px;margin:20px 0 10px}
.terms-area p{font-size:16px;margin-bottom:20px}
.terms-area li{font-size:16px;margin-bottom:10px}
.terms-area ul,.terms-area ol{padding-left:24px;margin-bottom:28px}
.terms-area hr{margin:40px 0}
}
@media (max-width: 480px) {
.terms-area{padding:32px 16px 64px}
.terms-area h1{font-size:30px}
.terms-area h2{font-size:24px;margin:40px 0 16px}
.terms-area h3{font-size:20px;margin:32px 0 14px}
.terms-area p{font-size:15px;line-height:1.7}
.terms-area li{font-size:15px;line-height:1.7}
}
.postWrap{max-width:1600px;margin:0 auto;padding:0 20px}
.headArea{max-width:920px;margin:0 auto 60px;padding:80px 0 40px;text-align:center}
.headArea h1{font-size:3rem;line-height:1.2;color:#5F1646;margin:0 0 30px;font-weight:700}
.featImg{max-width:1200px;margin:0 auto 80px;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #5f164626}
.featImg img{width:100%;height:auto;display:block}
.artContent{max-width:820px;margin:0 auto;padding:0 20px}
.artContent p{font-size:1.125rem;line-height:1.8;color:#2a2a2a;margin:0 0 28px}
.artContent strong{font-weight:700;color:#5F1646}
.artContent em{font-style:italic;color:#5F1646}
.artContent ul,.artContent ol{margin:0 0 28px;padding-left:32px}
.artContent li{font-size:1.125rem;line-height:1.8;color:#2a2a2a;margin-bottom:12px}
.artContent h2{font-size:2rem;font-weight:700;color:#5F1646;margin:60px 0 24px;line-height:1.3;position:relative;padding-left:20px}
.artContent h2::before{content:'';position:absolute;left:0;top:8px;width:6px;height:calc(100% - 16px);background:linear-gradient(180deg,#ADFDC0 0%,#5F1646 100%);border-radius:3px}
.artContent h3{font-size:1.5rem;font-weight:700;color:#5F1646;margin:48px 0 20px;line-height:1.4}
.artContent h4{font-size:1.25rem;font-weight:600;color:#2a2a2a;margin:36px 0 16px;line-height:1.5}
.artContent h5{font-size:1.125rem;font-weight:600;color:#2a2a2a;margin:28px 0 14px;line-height:1.5}
.artContent h6{font-size:1rem;font-weight:600;color:#5F1646;margin:24px 0 12px;line-height:1.6}
.a11yToggle{position:fixed;bottom:40px;right:40px;width:60px;height:60px;background:linear-gradient(135deg,#5F1646 0%,#ADFDC0 100%);border:none;border-radius:50%;cursor:pointer;box-shadow:0 4px 16px #5f16464d;z-index:1000;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease}
.a11yToggle:hover{transform:scale(1.1);box-shadow:0 6px 20px #5f164666}
.a11yToggle:active{transform:scale(0.95)}
.a11yToggle svg{width:28px;height:28px;fill:#FCF6DE}
.visionMode{background:#1a1a1a!important}
.visionMode .headArea h1{color:#ADFDC0!important}
.visionMode .artContent p,.visionMode .artContent li{color:#f0f0f0!important;font-size:1.25rem!important;line-height:2!important}
.visionMode .artContent strong,.visionMode .artContent em{color:#ADFDC0!important}
.visionMode .artContent h2,.visionMode .artContent h3,.visionMode .artContent h4,.visionMode .artContent h5,.visionMode .artContent h6{color:#ADFDC0!important}
.visionMode .artContent h2::before{background:#ADFDC0!important}
.quoteBlock{background:linear-gradient(120deg,#FCF6DE 0%,#adfdc033 100%);border-left:5px solid #5F1646;padding:32px 40px;margin:40px 0;border-radius:8px;font-size:1.2rem;line-height:1.7;color:#2a2a2a;font-style:italic}
.visionMode .quoteBlock{background:#2a2a2a!important;border-left-color:#ADFDC0!important;color:#f0f0f0!important}
@media (max-width: 768px) {
.headArea{padding:50px 0 30px;margin-bottom:40px}
.headArea h1{font-size:2rem;margin-bottom:20px}
.featImg{margin-bottom:50px;border-radius:12px}
.artContent{padding:0 15px}
.artContent p,.artContent li{font-size:1rem}
.artContent h2{font-size:1.5rem;margin:40px 0 20px;padding-left:16px}
.artContent h2::before{width:5px}
.artContent h3{font-size:1.25rem;margin:32px 0 16px}
.artContent h4{font-size:1.125rem;margin:28px 0 14px}
.artContent h5,.artContent h6{font-size:1rem;margin:24px 0 12px}
.quoteBlock{padding:24px 28px;font-size:1.1rem;margin:30px 0}
.a11yToggle{width:50px;height:50px;bottom:25px;right:25px}
.a11yToggle svg{width:24px;height:24px}
.visionMode .artContent p,.visionMode .artContent li{font-size:1.125rem!important}
}
@media (max-width: 480px) {
.headArea h1{font-size:1.75rem}
.artContent p,.artContent li{font-size:.95rem}
.artContent h2{font-size:1.35rem}
.quoteBlock{padding:20px 24px;font-size:1rem}
}
.heroWrap{position:relative;overflow:hidden;padding:80px 20px;background:linear-gradient(127deg,#FCF6DE 0%,#ADFDC0 100%)}
.heroInner{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:40px;align-items:center}
.heroTxt h1{font-size:3.2rem;line-height:1.1;color:#5F1646;margin:0 0 24px;font-weight:700}
.heroTxt .metaDesc{font-size:1.25rem;line-height:1.6;color:#5F1646;opacity:.85;margin:0}
.heroVisual{position:relative;height:380px;border-radius:20px;background:linear-gradient(215deg,#5F1646 0%,#3d0f2e 100%);overflow:visible}
.floatShape{position:absolute;background:#ADFDC0;border-radius:50%;opacity:.4;animation:floatAnim 8s ease-in-out infinite}
.floatShape:nth-child(1){width:120px;height:120px;top:-40px;right:-30px;animation-delay:0s}
.floatShape:nth-child(2){width:90px;height:90px;bottom:30px;left:-25px;animation-delay:2s}
.floatShape:nth-child(3){width:60px;height:60px;top:50%;right:10%;animation-delay:4s}
@keyframes floatAnim {
0%,100%{transform:translateY(0) scale(1)}
50%{transform:translateY(-20px) scale(1.1)}
}
.servBlock{padding:100px 20px;background:#fff;position:relative}
.servBlock::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#5F1646 0%,#ADFDC0 50%,#5F1646 100%)}
.servInner{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:start}
.servSide h2{font-size:2.5rem;line-height:1.2;color:#5F1646;margin:0 0 20px;position:relative;padding-left:20px}
.servSide h2::before{content:'';position:absolute;left:0;top:0;width:6px;height:100%;background:linear-gradient(180deg,#ADFDC0 0%,#5F1646 100%);border-radius:3px}
.servSide p{font-size:1.1rem;line-height:1.7;color:#333;margin:0}
.offerGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.offerCard{background:#FCF6DE;padding:32px;border-radius:16px;border:2px solid transparent;transition:all .3s ease;position:relative}
.offerCard::after{content:'';position:absolute;bottom:0;left:0;width:0;height:4px;background:linear-gradient(90deg,#5F1646 0%,#ADFDC0 100%);transition:width .4s ease;border-radius:0 0 14px 14px}
.offerCard:hover{border-color:#ADFDC0;transform:translateY(-4px);box-shadow:0 8px 20px #5f164626}
.offerCard:hover::after{width:100%}
.offerCard h3{font-size:1.4rem;color:#5F1646;margin:0 0 12px;font-weight:600}
.offerCard p{font-size:1rem;line-height:1.6;color:#444;margin:0}
.ctaZone{padding:90px 20px;background:linear-gradient(45deg,#5F1646 0%,#3d0f2e 100%);position:relative;overflow:hidden}
.ctaZone::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#adfdc026 0%,transparent 70%);border-radius:50%;animation:pulseGlow 6s ease-in-out infinite}
@keyframes pulseGlow {
0%,100%{transform:scale(1);opacity:.15}
50%{transform:scale(1.2);opacity:.25}
}
.ctaContent{max-width:1600px;margin:0 auto;text-align:center;position:relative;z-index:2}
.ctaContent h2{font-size:2.8rem;line-height:1.2;color:#ADFDC0;margin:0 0 20px;font-weight:700}
.ctaContent p{font-size:1.2rem;line-height:1.6;color:#FCF6DE;margin:0 auto 40px;max-width:700px}
.ctaActions{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.btnPrim{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:#ADFDC0;color:#5F1646;font-size:1.1rem;font-weight:600;text-decoration:none;border-radius:8px;transition:all .3s ease;border:2px solid #ADFDC0;box-shadow:0 4px 12px #adfdc04d}
.btnPrim:hover{background:#FCF6DE;border-color:#FCF6DE;transform:translateY(-2px);box-shadow:0 6px 18px #adfdc066}
.btnSec{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:transparent;color:#ADFDC0;font-size:1.1rem;font-weight:600;text-decoration:none;border-radius:8px;transition:all .3s ease;border:2px solid #ADFDC0}
.btnSec:hover{background:#adfdc01a;transform:translateY(-2px);box-shadow:0 4px 12px #adfdc033}
@media (min-width: 768px) {
.heroInner{grid-template-columns:1.1fr 1fr}
.heroVisual{margin-right:-80px}
}
@media (max-width: 1024px) {
.servInner{grid-template-columns:1fr;gap:40px}
.offerGrid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.heroWrap{padding:60px 20px}
.heroTxt h1{font-size:2.2rem}
.heroTxt .metaDesc{font-size:1.1rem}
.heroVisual{height:280px;margin-right:0}
.servBlock{padding:60px 20px}
.servSide h2{font-size:2rem}
.ctaZone{padding:60px 20px}
.ctaContent h2{font-size:2rem}
.ctaActions{flex-direction:column;align-items:stretch}
.btnPrim,.btnSec{justify-content:center}
}
.webPage{background:linear-gradient(155deg,#FCF6DE 0%,#ADFDC0 100%);overflow:hidden}
.topBanner{max-width:1600px;margin:0 auto;padding:80px 20px 100px;position:relative}
.topBanner .txtWrap{max-width:800px}
.topBanner .mainHd{font-size:3.8rem;line-height:1.1;color:#5F1646;margin:0 0 24px;font-weight:700}
.topBanner .subTxt{font-size:1.2rem;line-height:1.6;color:#5F1646;opacity:.85}
.topBanner .floatImg{position:absolute;right:80px;top:50%;transform:translateY(-50%);width:480px;height:360px;border-radius:20px;overflow:hidden;box-shadow:0 12px 40px #5f164626}
.topBanner .floatImg img{width:100%;height:100%;object-fit:cover;filter:brightness(1.08) contrast(1.02)}
.topBanner .particles{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;opacity:.3}
.topBanner .particles::before,.topBanner .particles::after{content:'';position:absolute;width:8px;height:8px;background:#ADFDC0;border-radius:50%;animation:floatParticle 8s infinite ease-in-out}
.topBanner .particles::before{left:15%;top:20%;animation-delay:0s}
.topBanner .particles::after{left:70%;top:60%;animation-delay:3s}
@keyframes floatParticle {
0%,100%{transform:translateY(0) translateX(0);opacity:0}
50%{transform:translateY(-30px) translateX(15px);opacity:1}
}
.eventGrid{max-width:1600px;margin:0 auto;padding:60px 20px 80px;background:linear-gradient(225deg,#5F1646 0%,#3d0f2e 100%)}
.eventGrid .secTitle{font-size:2.2rem;color:#ADFDC0;margin:0 0 16px;font-weight:700}
.eventGrid .secIntro{font-size:1.1rem;color:#FCF6DE;line-height:1.7;margin:0 0 50px;max-width:720px}
.eventGrid .cardLayout{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px}
.eventGrid .webCard{background:#fcf6de14;border-radius:16px;padding:32px;border:2px solid #adfdc026;transition:all .3s ease;position:relative}
.eventGrid .webCard:hover{transform:translateY(-6px);border-color:#ADFDC0;box-shadow:0 8px 24px #adfdc033}
.eventGrid .webCard .badge{display:inline-block;background:#ADFDC0;color:#5F1646;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;margin:0 0 20px}
.eventGrid .webCard .cardHd{font-size:1.6rem;color:#FCF6DE;margin:0 0 12px;font-weight:600}
.eventGrid .webCard .cardTxt{font-size:1rem;color:#FCF6DE;line-height:1.6;opacity:.8;margin:0 0 20px}
.eventGrid .webCard .metaRow{display:flex;gap:24px;margin:20px 0 0;padding:20px 0 0;border-top:1px solid #adfdc026}
.eventGrid .webCard .metaItem{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#ADFDC0}
.eventGrid .webCard .metaItem ion-icon{font-size:1.2rem}
.eventGrid .webCard .linkBtn{display:inline-flex;align-items:center;gap:8px;background:#ADFDC0;color:#5F1646;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;font-size:.95rem;transition:all .3s ease;margin:10px 0 0}
.eventGrid .webCard .linkBtn:hover{background:#FCF6DE;transform:translateX(4px)}
.eventGrid .webCard .linkBtn ion-icon{font-size:1.1rem}
.benefitSection{max-width:1600px;margin:0 auto;padding:80px 20px 100px;background:#FCF6DE}
.benefitSection .layoutWrap{display:flex;gap:60px;align-items:flex-start}
.benefitSection .leftCol{flex:1}
.benefitSection .rightCol{flex:1}
.benefitSection .hdBlock{margin:0 0 36px}
.benefitSection .hdBlock .marker{display:inline-block;width:50px;height:4px;background:linear-gradient(90deg,#5F1646 0%,#ADFDC0 100%);margin:0 0 16px;border-radius:2px}
.benefitSection .hdBlock .mainTitle{font-size:2.4rem;color:#5F1646;margin:0 0 16px;font-weight:700;line-height:1.2}
.benefitSection .hdBlock .descr{font-size:1.1rem;color:#5F1646;line-height:1.7;opacity:.8}
.benefitSection .pointList{list-style:none;padding:0;margin:0}
.benefitSection .pointList .item{display:flex;gap:16px;margin:0 0 28px;align-items:flex-start}
.benefitSection .pointList .item .iconWrap{width:48px;height:48px;background:linear-gradient(135deg,#5F1646 0%,#ADFDC0 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.benefitSection .pointList .item .iconWrap ion-icon{font-size:1.5rem;color:#FCF6DE}
.benefitSection .pointList .item .txtBlock .itemHd{font-size:1.2rem;color:#5F1646;margin:0 0 6px;font-weight:600}
.benefitSection .pointList .item .txtBlock .itemTxt{font-size:1rem;color:#5F1646;line-height:1.6;opacity:.75}
.benefitSection .ctaBox{background:linear-gradient(135deg,#5F1646 0%,#3d0f2e 100%);padding:40px;border-radius:20px;box-shadow:0 6px 30px #5f164633}
.benefitSection .ctaBox .boxHd{font-size:1.8rem;color:#ADFDC0;margin:0 0 16px;font-weight:700}
.benefitSection .ctaBox .boxTxt{font-size:1rem;color:#FCF6DE;line-height:1.6;margin:0 0 28px;opacity:.9}
.benefitSection .ctaBox .actionBtn{display:inline-flex;align-items:center;gap:10px;background:#ADFDC0;color:#5F1646;padding:14px 32px;border-radius:10px;text-decoration:none;font-weight:600;font-size:1.05rem;transition:all .3s ease;border:2px solid transparent}
.benefitSection .ctaBox .actionBtn:hover{background:#FCF6DE;border-color:#ADFDC0;transform:scale(1.05)}
.benefitSection .ctaBox .actionBtn ion-icon{font-size:1.3rem}
@media (max-width: 1024px) {
.topBanner .floatImg{position:static;transform:none;width:100%;max-width:500px;margin:40px auto 0}
.benefitSection .layoutWrap{flex-direction:column;gap:40px}
}
@media (max-width: 768px) {
.topBanner .mainHd{font-size:2.6rem}
.topBanner{padding:60px 20px 70px}
.eventGrid .cardLayout{grid-template-columns:1fr}
.eventGrid .secTitle{font-size:1.8rem}
.benefitSection .hdBlock .mainTitle{font-size:2rem}
.benefitSection{padding:60px 20px 70px}
}
@media (max-width: 480px) {
.topBanner .mainHd{font-size:2rem}
.topBanner .subTxt{font-size:1.05rem}
.eventGrid .webCard{padding:24px}
.benefitSection .ctaBox{padding:28px}
}
.heroWrap{background:linear-gradient(157deg,#ADFDC0 0%,#FCF6DE 100%);padding:120px 20px 90px;position:relative;overflow:hidden}
.heroWrap::before{content:'';position:absolute;top:-50%;right:-20%;width:80%;height:200%;background:linear-gradient(200deg,#5f164614 0%,transparent 70%);transform:rotate(-15deg);pointer-events:none}
.heroContent{max-width:1600px;margin:0 auto;position:relative;z-index:2}
.heroContent h1{font-size:3.2rem;line-height:1.15;color:#5F1646;margin:0 0 24px;max-width:920px}
.heroContent .leadTxt{font-size:1.35rem;line-height:1.6;color:#5F1646;margin:0 0 40px;max-width:780px;opacity:.88}
.heroCta{display:inline-block;padding:16px 38px;background:#5F1646;color:#FCF6DE;text-decoration:none;border-radius:6px;font-size:1.1rem;font-weight:500;transition:all .25s ease;box-shadow:0 4px 12px #5f16464d}
.heroCta:hover{background:#7a1d5a;transform:translateY(-2px);box-shadow:0 6px 18px #5f164666}
.outcomeBlock{background:#FCF6DE;padding:90px 20px;position:relative}
.outcomeBlock::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#ADFDC0 0%,#5F1646 50%,#ADFDC0 100%)}
.outcomeInner{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}
.outcomeInner h2{font-size:2.4rem;line-height:1.25;color:#5F1646;margin:0 0 20px}
.outcomeInner .imgWrap{border-radius:18px;overflow:hidden;box-shadow:0 8px 24px #5f164626}
.outcomeInner .imgWrap img{width:100%;height:480px;object-fit:cover;display:block}
.resultList{list-style:none;padding:0;margin:30px 0 0}
.resultList li{padding:18px 0 18px 40px;position:relative;font-size:1.1rem;line-height:1.5;color:#5F1646;border-bottom:1px solid #5f16461a}
.resultList li:last-child{border-bottom:none}
.resultList li::before{content:'→';position:absolute;left:0;top:18px;font-size:1.4rem;color:#ADFDC0;font-weight:700}
.navLogicSec{background:linear-gradient(223deg,#5F1646 0%,#3a0d2b 100%);padding:85px 20px;position:relative}
.navLogicSec::before{content:'';position:absolute;top:-40px;left:10%;width:200px;height:200px;background:radial-gradient(circle,#adfdc026 0%,transparent 70%);border-radius:50%;pointer-events:none}
.navInner{max-width:1600px;margin:0 auto}
.navInner h2{font-size:2.6rem;line-height:1.2;color:#FCF6DE;margin:0 0 50px;text-align:center}
.navGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.navCard{background:#fcf6de0f;border:2px solid #adfdc033;border-radius:12px;padding:32px 28px;transition:all .3s ease}
.navCard:hover{background:#fcf6de1a;border-color:#adfdc080;transform:translateY(-4px)}
.navCard h3{font-size:1.5rem;color:#ADFDC0;margin:0 0 16px}
.navCard p{font-size:1rem;line-height:1.6;color:#FCF6DE;margin:0;opacity:.85}
.diffSection{background:#FCF6DE;padding:95px 20px}
.diffContent{max-width:1600px;margin:0 auto;display:flex;gap:70px;align-items:flex-start}
.diffLeft{flex:1}
.diffLeft h2{font-size:2.5rem;line-height:1.2;color:#5F1646;margin:0 0 28px}
.diffLeft p{font-size:1.12rem;line-height:1.7;color:#5F1646;margin:0 0 22px}
.diffRight{flex:.9;position:relative}
.diffRight img{width:100%;height:520px;object-fit:cover;border-radius:20px;box-shadow:0 10px 30px #5f16462e}
.readerDayWrap{background:linear-gradient(165deg,#ADFDC0 0%,#FCF6DE 100%);padding:100px 20px;position:relative;overflow:hidden}
.readerDayWrap::after{content:'';position:absolute;bottom:-30%;left:-10%;width:60%;height:120%;background:radial-gradient(ellipse,#5f16460f 0%,transparent 60%);pointer-events:none}
.readerInner{max-width:1600px;margin:0 auto;position:relative;z-index:2}
.readerInner h2{font-size:2.7rem;line-height:1.2;color:#5F1646;margin:0 0 45px}
.readerFlex{display:flex;gap:50px;align-items:center}
.readerTxt{flex:1}
.readerTxt p{font-size:1.1rem;line-height:1.65;color:#5F1646;margin:0 0 20px}
.readerImg{flex:.85}
.readerImg img{width:100%;height:460px;object-fit:cover;border-radius:16px;box-shadow:0 6px 22px #5f164633}
.topicsWrap{background:#5F1646;padding:90px 20px;position:relative}
.topicsWrap::before{content:'';position:absolute;top:0;right:0;width:100%;height:4px;background:linear-gradient(90deg,#FCF6DE 0%,#ADFDC0 100%)}
.topicsInner{max-width:1600px;margin:0 auto}
.topicsInner h2{font-size:2.5rem;line-height:1.25;color:#FCF6DE;margin:0 0 55px;text-align:center}
.topicGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.topicCard{background:#fcf6de0d;border:1px solid #adfdc040;border-radius:10px;padding:36px 32px;transition:all .3s ease}
.topicCard:hover{background:#fcf6de14;border-color:#adfdc080}
.topicCard h3{font-size:1.6rem;color:#ADFDC0;margin:0 0 18px;position:relative;padding-left:28px}
.topicCard h3::before{content:'';position:absolute;left:0;top:8px;width:4px;height:24px;background:#ADFDC0;border-radius:2px}
.topicCard p{font-size:1.05rem;line-height:1.6;color:#FCF6DE;margin:0;opacity:.9}
.stanceBlock{background:linear-gradient(135deg,#FCF6DE 0%,#ADFDC0 100%);padding:95px 20px}
.stanceContent{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}
.stanceTxt h2{font-size:2.6rem;line-height:1.2;color:#5F1646;margin:0 0 30px}
.stanceTxt p{font-size:1.12rem;line-height:1.7;color:#5F1646;margin:0 0 20px}
.stanceImg img{width:100%;height:500px;object-fit:cover;border-radius:14px;box-shadow:0 8px 26px #5f164629}
.engageSection{background:#5F1646;padding:100px 20px;position:relative}
.engageSection::after{content:'';position:absolute;top:50%;right:5%;width:300px;height:300px;background:radial-gradient(circle,#adfdc01a 0%,transparent 70%);border-radius:50%;transform:translateY(-50%);pointer-events:none}
.engageInner{max-width:1600px;margin:0 auto;text-align:center;position:relative;z-index:2}
.engageInner h2{font-size:2.8rem;line-height:1.2;color:#FCF6DE;margin:0 0 26px}
.engageInner p{font-size:1.2rem;line-height:1.6;color:#FCF6DE;margin:0 0 45px;opacity:.92;max-width:820px;margin-left:auto;margin-right:auto}
.engageActions{display:flex;gap:25px;justify-content:center;flex-wrap:wrap}
.engageBtn{display:inline-block;padding:18px 42px;background:#ADFDC0;color:#5F1646;text-decoration:none;border-radius:8px;font-size:1.1rem;font-weight:600;transition:all .25s ease;box-shadow:0 4px 14px #adfdc04d}
.engageBtn:hover{background:#9aedb0;transform:translateY(-3px);box-shadow:0 6px 20px #adfdc066}
.engageLink{display:inline-block;padding:18px 42px;background:transparent;color:#FCF6DE;text-decoration:none;border:2px solid #FCF6DE;border-radius:8px;font-size:1.1rem;font-weight:600;transition:all .25s ease}
.engageLink:hover{background:#fcf6de1a;border-color:#ADFDC0;color:#ADFDC0}
@media (max-width: 1024px) {
.heroContent h1{font-size:2.6rem}
.outcomeInner,.diffContent,.readerFlex,.stanceContent{grid-template-columns:1fr;flex-direction:column;gap:40px}
.navGrid,.topicGrid{grid-template-columns:1fr;gap:25px}
.outcomeInner .imgWrap img,.diffRight img,.readerImg img,.stanceImg img{height:380px}
}
@media (max-width: 768px) {
.heroWrap{padding:80px 20px 60px}
.heroContent h1{font-size:2rem}
.heroContent .leadTxt{font-size:1.1rem}
.outcomeBlock,.navLogicSec,.diffSection,.readerDayWrap,.topicsWrap,.stanceBlock,.engageSection{padding:60px 20px}
.outcomeInner h2,.navInner h2,.diffLeft h2,.readerInner h2,.topicsInner h2,.stanceTxt h2,.engageInner h2{font-size:1.9rem}
.engageActions{flex-direction:column;align-items:stretch}
.engageBtn,.engageLink{text-align:center}
}
.authorHero{background:linear-gradient(127deg,#ADFDC0 0%,#FCF6DE 100%);padding:120px 20px 80px;position:relative;overflow:hidden}
.authorHero::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:#5F1646;opacity:.03;transform:rotate(45deg);border-radius:80px}
.heroWrap{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.heroTxt h1{font-size:3.8rem;line-height:1.1;color:#5F1646;margin:0 0 24px;font-weight:700}
.heroTxt h1 span{color:#ADFDC0;background:#5F1646;padding:4px 12px;border-radius:6px;display:inline-block}
.heroTxt p{font-size:1.25rem;line-height:1.6;color:#5F1646;margin:0;opacity:.85}
.heroImg{position:relative}
.heroImg img{width:100%;height:480px;object-fit:cover;border-radius:24px;box-shadow:0 8px 24px #5f164626}
.storySection{padding:100px 20px;background:#FCF6DE}
.storyCont{max-width:1400px;margin:0 auto;display:flex;gap:80px;align-items:flex-start}
.storyLeft{flex:1}
.storyLeft h2{font-size:2.5rem;color:#5F1646;margin:0 0 32px;font-weight:600}
.storyLeft h2::before{content:'';display:block;width:60px;height:5px;background:linear-gradient(90deg,#5F1646,#ADFDC0);margin-bottom:20px;border-radius:3px}
.storyTxt p{font-size:1.1rem;line-height:1.7;color:#5F1646;margin:0 0 20px}
.storyTxt p:last-child{margin-bottom:0}
.storyRight{flex:0 0 420px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.storyRight img{width:100%;height:200px;object-fit:cover;border-radius:16px;box-shadow:0 4px 12px #5f16461a}
.expertiseArea{background:linear-gradient(215deg,#5F1646 0%,#3d0e2e 100%);padding:90px 20px;position:relative}
.expertiseArea::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#ADFDC0,transparent)}
.expCont{max-width:1600px;margin:0 auto}
.expTitle{text-align:center;margin-bottom:60px}
.expTitle h2{font-size:2.8rem;color:#ADFDC0;margin:0 0 16px;font-weight:700}
.expTitle p{font-size:1.2rem;color:#FCF6DE;margin:0;opacity:.9}
.expGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.expCard{background:#fcf6de0d;padding:40px 32px;border-radius:20px;border:2px solid #adfdc033;transition:all .3s ease}
.expCard:hover{transform:translateY(-6px);border-color:#ADFDC0;background:#adfdc014;box-shadow:0 12px 32px #adfdc033}
.expCard h3{font-size:1.5rem;color:#ADFDC0;margin:0 0 16px;font-weight:600}
.expCard p{font-size:1rem;line-height:1.6;color:#FCF6DE;margin:0;opacity:.85}
.approachZone{padding:100px 20px;background:#FFF}
.approachWrap{max-width:1200px;margin:0 auto}
.approachHead{margin-bottom:70px}
.approachHead h2{font-size:2.6rem;color:#5F1646;margin:0 0 24px;font-weight:600}
.approachHead p{font-size:1.15rem;color:#5F1646;margin:0;opacity:.8;max-width:700px}
.stepRow{display:flex;gap:50px;margin-bottom:50px;align-items:center}
.stepRow:nth-child(even){flex-direction:row-reverse}
.stepRow:last-child{margin-bottom:0}
.stepVis{flex:0 0 360px;position:relative}
.stepVis img{width:100%;height:280px;object-fit:cover;border-radius:18px;box-shadow:0 6px 20px #5f16461f}
.stepNum{position:absolute;top:-20px;left:-20px;width:70px;height:70px;background:linear-gradient(135deg,#ADFDC0,#5F1646);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#FFF;box-shadow:0 4px 16px #5f16464d}
.stepInfo{flex:1}
.stepInfo h3{font-size:1.8rem;color:#5F1646;margin:0 0 16px;font-weight:600}
.stepInfo p{font-size:1.05rem;line-height:1.7;color:#5F1646;margin:0;opacity:.8}
.contactBanner{background:linear-gradient(165deg,#ADFDC0 0%,#FCF6DE 100%);padding:80px 20px;position:relative;overflow:hidden}
.contactBanner::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(25deg);width:800px;height:800px;background:#5F1646;opacity:.04;border-radius:100px}
.contactInner{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:2}
.contactInner h2{font-size:2.4rem;color:#5F1646;margin:0 0 20px;font-weight:700}
.contactInner p{font-size:1.2rem;color:#5F1646;margin:0 0 36px;opacity:.85}
.contactMethods{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}
.contactBtn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:#5F1646;color:#ADFDC0;text-decoration:none;border-radius:12px;font-size:1.1rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 16px #5f164633}
.contactBtn:hover{transform:translateY(-3px);box-shadow:0 8px 24px #5f16464d;background:#7a1c5a}
.contactBtn ion-icon{font-size:1.4rem}
@media (max-width: 1024px) {
.heroWrap{grid-template-columns:1fr;gap:40px}
.heroTxt h1{font-size:3rem}
.heroImg img{height:380px}
.storyCont{flex-direction:column;gap:50px}
.storyRight{flex:1;width:100%}
.expGrid{grid-template-columns:1fr}
.stepRow{flex-direction:column!important;gap:30px}
.stepVis{flex:1;width:100%}
}
@media (max-width: 768px) {
.authorHero{padding:80px 20px 60px}
.heroTxt h1{font-size:2.2rem}
.heroTxt p{font-size:1.1rem}
.heroImg img{height:300px}
.storySection{padding:70px 20px}
.storyLeft h2{font-size:2rem}
.storyRight{grid-template-columns:1fr}
.expertiseArea{padding:70px 20px}
.expTitle h2{font-size:2.2rem}
.expCard{padding:32px 24px}
.approachZone{padding:70px 20px}
.approachHead h2{font-size:2rem}
.stepVis{max-width:100%}
.stepVis img{height:240px}
.contactBanner{padding:60px 20px}
.contactInner h2{font-size:2rem}
.contactMethods{flex-direction:column;align-items:stretch}
.contactBtn{justify-content:center}
}
.blog-hero{background:linear-gradient(127deg,#ADFDC0 0%,#5F1646 100%);padding:80px 24px 60px;position:relative;overflow:hidden}
.blog-hero::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#fcf6de33 0%,transparent 70%);border-radius:50%}
.hero-wrap{max-width:1600px;margin:0 auto;position:relative;z-index:2}
.hero-wrap h1{font-size:48px;color:#FCF6DE;margin:0 0 16px;font-weight:700;letter-spacing:-1px}
.hero-wrap .hero-subtitle{font-size:20px;color:#FCF6DE;opacity:.9;max-width:600px;line-height:1.5}
.posts-main{max-width:1600px;margin:0 auto;padding:80px 24px}
.posts-main h2{font-size:36px;color:#5F1646;margin:0 0 48px;position:relative;display:inline-block}
.posts-main h2::after{content:'';position:absolute;bottom:-8px;left:0;width:60%;height:4px;background:linear-gradient(90deg,#ADFDC0 0%,#5F1646 100%);border-radius:2px}
.grid-posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px}
.post-card{background:#FCF6DE;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px #5f164614;transition:all .3s ease;display:flex;flex-direction:column}
.post-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #5f164629}
.post-card .img-box{width:100%;height:240px;overflow:hidden;position:relative;background:linear-gradient(135deg,#ADFDC0 0%,#5F1646 100%)}
.post-card .img-box img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.post-card:hover .img-box img{transform:scale(1.08)}
.post-card .card-content{padding:28px;flex-grow:1;display:flex;flex-direction:column}
.post-card .card-content h3{font-size:24px;color:#5F1646;margin:0 0 16px;line-height:1.3;font-weight:600}
.post-card .card-content .desc{font-size:16px;color:#5F1646;line-height:1.6;margin:0 0 24px;opacity:.8;flex-grow:1}
.post-card .card-content .read-link{display:inline-flex;align-items:center;gap:8px;color:#5F1646;font-size:16px;font-weight:600;text-decoration:none;transition:gap .3s ease}
.post-card .card-content .read-link:hover{gap:12px}
.post-card .card-content .read-link::after{content:'→';font-size:20px}
.newsletter-block{background:linear-gradient(62deg,#5F1646 0%,#ADFDC0 100%);padding:80px 24px;margin:60px 0;position:relative}
.newsletter-block::before{content:'';position:absolute;width:100%;height:8px;background:repeating-linear-gradient(90deg,#FCF6DE 0px,#FCF6DE 20px,transparent 20px,transparent 40px);top:0;left:0}
.newsletter-inner{max-width:800px;margin:0 auto;text-align:center}
.newsletter-inner h2{font-size:32px;color:#FCF6DE;margin:0 0 16px;font-weight:700}
.newsletter-inner p{font-size:18px;color:#FCF6DE;opacity:.95;margin:0 0 32px;line-height:1.6}
.newsletter-inner form{display:flex;gap:12px;max-width:500px;margin:0 auto}
.newsletter-inner form input{flex:1;padding:16px 20px;border:none;border-radius:8px;font-size:16px;background:#FCF6DE;color:#5F1646;outline:none}
.newsletter-inner form input::placeholder{color:#5F1646;opacity:.6}
.newsletter-inner form button{padding:16px 32px;background:#5F1646;color:#FCF6DE;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}
.newsletter-inner form button:hover{background:#ADFDC0;color:#5F1646;transform:scale(1.05)}
.resources-section{max-width:1600px;margin:0 auto;padding:80px 24px;background:linear-gradient(180deg,transparent 0%,#FCF6DE 100%)}
.resources-section h2{font-size:36px;color:#5F1646;margin:0 0 48px;text-align:center}
.resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.resource-item{background:#fff;padding:32px;border-radius:12px;border:3px solid #ADFDC0;transition:all .3s ease;text-align:center}
.resource-item:hover{border-color:#5F1646;transform:translateY(-4px);box-shadow:0 8px 16px #5f16461f}
.resource-item .icon-circle{width:64px;height:64px;background:linear-gradient(135deg,#ADFDC0 0%,#5F1646 100%);border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;font-size:32px;color:#FCF6DE}
.resource-item h3{font-size:20px;color:#5F1646;margin:0 0 12px;font-weight:600}
.resource-item p{font-size:15px;color:#5F1646;opacity:.8;line-height:1.5;margin:0 0 20px}
.resource-item a{display:inline-block;padding:10px 24px;background:#ADFDC0;color:#5F1646;text-decoration:none;border-radius:6px;font-weight:600;transition:all .3s ease}
.resource-item a:hover{background:#5F1646;color:#FCF6DE}
@media (max-width: 768px) {
.blog-hero{padding:60px 20px 40px}
.hero-wrap h1{font-size:32px}
.hero-wrap .hero-subtitle{font-size:16px}
.posts-main{padding:60px 20px}
.posts-main h2{font-size:28px;margin-bottom:32px}
.grid-posts{grid-template-columns:1fr;gap:24px}
.post-card .img-box{height:200px}
.newsletter-block{padding:60px 20px}
.newsletter-inner h2{font-size:26px}
.newsletter-inner p{font-size:16px}
.newsletter-inner form{flex-direction:column}
.newsletter-inner form button{width:100%}
.resources-section{padding:60px 20px}
.resources-section h2{font-size:28px;margin-bottom:32px}
.resource-grid{grid-template-columns:1fr}
}
@media (min-width: 769px) and (max-width: 1024px) {
.grid-posts{grid-template-columns:repeat(2,1fr)}
.resource-grid{grid-template-columns:repeat(2,1fr)}
}
.successZone{min-height:500px;display:flex;align-items:center;justify-content:center;background:linear-gradient(127deg,#ADFDC0 0%,#FCF6DE 100%);position:relative;overflow:hidden}
.successZone::before{content:'';position:absolute;width:600px;height:600px;background:radial-gradient(circle,#5f164626 0%,transparent 70%);top:-200px;right:-100px;border-radius:50%}
.successZone::after{content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle,#adfdc04d 0%,transparent 70%);bottom:-150px;left:-80px;border-radius:50%}
.okWrap{max-width:800px;margin:0 auto;padding:60px 20px;text-align:center;position:relative;z-index:2}
.okWrap .checkIcon{width:120px;height:120px;margin:0 auto 40px;background:linear-gradient(135deg,#5F1646 0%,#ADFDC0 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #5f164640 0 4px 8px #0000001a;animation:popIn .6s cubic-bezier(0.68,-0.55,0.265,1.55)}
@keyframes popIn {
0%{transform:scale(0);opacity:0}
50%{transform:scale(1.1)}
100%{transform:scale(1);opacity:1}
}
.okWrap .checkIcon svg{width:60px;height:60px;stroke:#FCF6DE;stroke-width:4;fill:none;stroke-linecap:round;stroke-linejoin:round}
.okWrap h1{font-size:52px;font-weight:700;color:#5F1646;margin:0 0 24px;line-height:1.2}
.okWrap .msgText{font-size:20px;color:#5F1646;margin:0 0 40px;line-height:1.6;opacity:.85}
.okWrap .actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.okWrap .btn1{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;font-size:18px;font-weight:600;background:#5F1646;color:#FCF6DE;text-decoration:none;border-radius:8px;transition:all .3s ease;box-shadow:0 4px 12px #5f16464d}
.okWrap .btn1:hover{background:#7a1d5a;transform:translateY(-2px);box-shadow:0 6px 20px #5f164666}
.okWrap .btn2{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;font-size:18px;font-weight:600;background:transparent;color:#5F1646;text-decoration:none;border:3px solid #5F1646;border-radius:8px;transition:all .3s ease}
.okWrap .btn2:hover{background:#5F1646;color:#FCF6DE;transform:translateY(-2px)}
.infoGrid{padding:80px 20px;background:linear-gradient(217deg,#FCF6DE 0%,#ADFDC0 100%)}
.gridCont{max-width:1400px;margin:0 auto}
.cardSet{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}
.cardItem{background:#FCF6DE;padding:40px 32px;border-radius:16px;box-shadow:0 4px 16px #5f16461f;transition:all .3s ease;border-left:6px solid #5F1646;position:relative;overflow:hidden}
.cardItem::before{content:'';position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,#adfdc066 0%,transparent 70%);border-radius:50%;transform:translate(40%,-40%)}
.cardItem:hover{transform:translateY(-4px);box-shadow:0 8px 24px #5f164633;border-left-width:10px}
.cardItem .iconBox{width:56px;height:56px;background:linear-gradient(135deg,#ADFDC0 0%,#5F1646 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;box-shadow:0 4px 12px #5f164633}
.cardItem .iconBox svg{width:28px;height:28px;stroke:#FCF6DE;stroke-width:2.5;fill:none}
.cardItem h3{font-size:24px;font-weight:700;color:#5F1646;margin:0 0 16px;line-height:1.3}
.cardItem p{font-size:16px;color:#5F1646;margin:0 0 20px;line-height:1.7;opacity:.8}
.cardItem .linkArrow{display:inline-flex;align-items:center;gap:6px;font-size:16px;font-weight:600;color:#5F1646;text-decoration:none;transition:gap .3s ease}
.cardItem .linkArrow:hover{gap:12px}
.cardItem .linkArrow svg{width:20px;height:20px;stroke:#5F1646;stroke-width:2.5;fill:none}
@media (max-width: 768px) {
.successZone{min-height:400px}
.okWrap{padding:40px 20px}
.okWrap .checkIcon{width:90px;height:90px;margin-bottom:30px}
.okWrap .checkIcon svg{width:45px;height:45px}
.okWrap h1{font-size:36px;margin-bottom:20px}
.okWrap .msgText{font-size:18px;margin-bottom:32px}
.okWrap .actions{flex-direction:column;gap:12px}
.okWrap .btn1,.okWrap .btn2{width:100%;justify-content:center;padding:14px 24px;font-size:16px}
.infoGrid{padding:60px 20px}
.cardSet{grid-template-columns:1fr;gap:24px}
.cardItem{padding:32px 24px}
.cardItem h3{font-size:22px}
}
@media (max-width: 480px) {
.okWrap h1{font-size:28px}
.okWrap .msgText{font-size:16px}
.cardItem h3{font-size:20px}
.cardItem p{font-size:15px}
}