*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'PT Sans',sans-serif;background:#FFF;color:#2C2C2C;line-height:1.6;font-size:16px}
a{text-decoration:none;color:inherit;transition:all .2s linear}
button{font-family:'PT Sans',sans-serif;cursor:pointer;border:none;transition:all .15s linear}
.domain-heado{background:linear-gradient(135deg,#FFF 0%,#F8F9FA 100%);box-shadow:0 6px 20px #0ea9901f;padding:24px 0}
.domain-heado .heado-wrap32{max-width:1280px;margin:0 auto;padding:0 20px}
.domain-heado .heado-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;min-height:80px}
.domain-heado .logo-block7{display:flex;align-items:center;gap:16px}
.domain-heado .logo-link23{display:flex;align-items:center}
.domain-heado .logo-img45{width:90px;height:90px;object-fit:contain;border-radius:12px;box-shadow:0 4px 12px #8b2ed826;background:#FFF;padding:8px}
.domain-heado .brand-txt19{font-size:26px;font-weight:700;color:#0EA990;letter-spacing:.5px}
.domain-heado .right-block88{display:flex;align-items:center;gap:32px;flex-wrap:wrap}
.domain-heado .contact-info12{display:flex;align-items:center}
.domain-heado .email-link74{font-size:15px;color:#8B2ED8;padding:8px 16px;border-radius:8px;background:#fbafb833}
.domain-heado .email-link74:hover{background:#fbafb866;color:#6B1EA8}
.domain-heado .main-navi66{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.domain-heado .navi-link3{font-size:16px;font-weight:400;color:#2C2C2C;padding:12px 20px;border-radius:10px;background:transparent}
.domain-heado .navi-link3:hover{background:#0ea9901a;color:#0EA990}
@media (max-width: 968px) {
.domain-heado .heado-inner{flex-direction:column;align-items:flex-start;gap:20px}
.domain-heado .right-block88{flex-direction:column;align-items:flex-start;width:100%;gap:16px}
.domain-heado .main-navi66{flex-direction:column;width:100%;gap:4px}
.domain-heado .navi-link3{width:100%;text-align:left}
}
.main-content92{min-height:400px}
.domain-foot{background:linear-gradient(180deg,#F8F9FA 0%,#FFF 100%);padding:48px 0 24px;margin-top:80px}
.domain-foot .foot-container41{max-width:1280px;margin:0 auto;padding:0 20px}
.domain-foot .foot-content-zone{margin-bottom:40px}
.domain-foot .foot-navi-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px}
.domain-foot .foot-col28{display:flex;flex-direction:column;gap:12px}
.domain-foot .foot-heading15{font-size:18px;font-weight:700;color:#0EA990;margin-bottom:8px}
.domain-foot .foot-menu-list{display:flex;flex-direction:column;gap:8px}
.domain-foot .foot-link82{font-size:15px;color:#4A4A4A;padding:6px 0;text-decoration:underline;text-decoration-color:transparent}
.domain-foot .foot-link82:hover{color:#8B2ED8;text-decoration-color:#8B2ED8}
.domain-foot .foot-contact-info{display:flex;flex-direction:column;gap:8px}
.domain-foot .foot-bottom-thin{border-top:1px solid #0ea99033;padding-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.domain-foot .copyright-txt99{font-size:14px;color:#6A6A6A}
.domain-foot .foot-preferences{display:flex;gap:16px}
.domain-foot .preferences-btn-link{font-size:14px;color:#8B2ED8;background:transparent;padding:6px 12px;text-decoration:underline}
.domain-foot .preferences-btn-link:hover{color:#6B1EA8}
@media (max-width: 768px) {
.domain-foot .foot-navi-section{grid-template-columns:1fr;gap:32px}
.domain-foot .foot-bottom-thin{flex-direction:column;align-items:flex-start}
}
.cookie-popup23{position:fixed;left:40px;top:50%;transform:translateY(-50%);background:#FFF;border-radius:16px;box-shadow:0 12px 40px #0ea99040;max-width:480px;width:calc(100% - 80px);max-height:80vh;overflow-y:auto;z-index:9999}
@keyframes slideInFromRight {
from{transform:translateY(-50%) translateX(600px);opacity:0}
to{transform:translateY(-50%) translateX(0);opacity:1}
}
@keyframes slideOutToRight {
from{transform:translateY(-50%) translateX(0);opacity:1}
to{transform:translateY(-50%) translateX(600px);opacity:0}
}
.cookie-popup23 .cookie-inner-block{padding:32px}
.cookie-popup23 .cookie-title67{font-size:22px;font-weight:700;color:#0EA990;margin-bottom:12px}
.cookie-popup23 .cookie-desc54{font-size:15px;color:#4A4A4A;line-height:1.5;margin-bottom:24px}
.cookie-popup23 .cookie-options-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}
.cookie-popup23 .cookie-option-row{display:flex;align-items:center;gap:12px;padding:10px;border-radius:8px;background:#fbafb81a;cursor:pointer}
.cookie-popup23 .cookie-option-row:hover{background:#fbafb833}
.cookie-popup23 .cookie-checkbox{width:20px;height:20px;cursor:pointer;accent-color:#8B2ED8}
.cookie-popup23 .cookie-label-txt{font-size:15px;color:#2C2C2C;cursor:pointer}
.cookie-popup23 .cookie-policy-expand{margin-bottom:24px}
.cookie-popup23 .policy-toggle-btn{font-size:14px;color:#8B2ED8;background:transparent;padding:8px 0;text-decoration:underline}
.cookie-popup23 .policy-toggle-btn:hover{color:#6B1EA8}
.cookie-popup23 .wkc-legal-article-hidden{margin-top:12px;padding:16px;background:#0ea9900d;border-radius:8px}
.cookie-popup23 .policy-txt88{font-size:14px;color:#4A4A4A;line-height:1.6}
.cookie-popup23 .cookie-actions43{display:flex;flex-direction:column;gap:10px}
.cookie-popup23 .cookie-btn-accept,.cookie-popup23 .cookie-btn-decline,.cookie-popup23 .cookie-btn-save{font-size:15px;padding:12px 24px;border-radius:10px;font-weight:600;width:100%}
.cookie-popup23 .cookie-btn-accept{background:#0EA990;color:#FFF;box-shadow:0 4px 12px #0ea9904d}
.cookie-popup23 .cookie-btn-accept:hover{background:#0C8A75}
.cookie-popup23 .cookie-btn-decline{background:#FBAFB8;color:#2C2C2C;box-shadow:0 4px 12px #fbafb84d}
.cookie-popup23 .cookie-btn-decline:hover{background:#F99AA5}
.cookie-popup23 .cookie-btn-save{background:#8B2ED8;color:#FFF;box-shadow:0 4px 12px #8b2ed84d}
.cookie-popup23 .cookie-btn-save:hover{background:#6B1EA8}
@media (max-width: 768px) {
.cookie-popup23{left:20px;width:calc(100% - 40px);max-height:90vh}
.cookie-popup23 .cookie-inner-block{padding:24px}
}
.wkc-legal-article{max-width:1280px;margin:0 auto;padding:80px 24px;background:#fff}
@media (max-width: 768px) {
.wkc-legal-article{padding:48px 20px}
}
.wkc-legal-article h1{font-size:42px;line-height:1.2;color:#1a1a1a;margin:0 0 48px;font-weight:700;letter-spacing:-.02em}
.wkc-legal-article h2{font-size:32px;line-height:1.3;color:#0EA990;margin:64px 0 24px;font-weight:600;letter-spacing:-.01em}
.wkc-legal-article h3{font-size:24px;line-height:1.4;color:#2a2a2a;margin:48px 0 20px;font-weight:600}
.wkc-legal-article h4{font-size:20px;line-height:1.4;color:#3a3a3a;margin:36px 0 16px;font-weight:600}
.wkc-legal-article h5{font-size:18px;line-height:1.5;color:#4a4a4a;margin:28px 0 14px;font-weight:600}
.wkc-legal-article h6{font-size:16px;line-height:1.5;color:#5a5a5a;margin:24px 0 12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
@media (max-width: 768px) {
.wkc-legal-article h1{font-size:32px;margin-bottom:32px}
.wkc-legal-article h2{font-size:26px;margin-top:48px}
.wkc-legal-article h3{font-size:22px}
.wkc-legal-article h4{font-size:19px}
}
.wkc-legal-article p{font-size:17px;line-height:1.8;color:#3a3a3a;margin:0 0 24px;font-weight:400}
.wkc-legal-article strong,.wkc-legal-article b{font-weight:700;color:#1a1a1a}
.wkc-legal-article em,.wkc-legal-article i{font-style:italic;color:#2a2a2a}
.wkc-legal-article a{color:#0EA990;text-decoration:underline;font-weight:500;transition:all 180ms linear}
.wkc-legal-article a:hover{color:#8B2ED8;text-decoration:none}
.wkc-legal-article a:active{color:#FBAFB8}
.wkc-legal-article table{width:100%;border-collapse:collapse;margin:40px 0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0ea99014}
.wkc-legal-article thead{background:#0EA990}
.wkc-legal-article thead tr{border:none}
.wkc-legal-article thead th{padding:18px 20px;text-align:left;font-weight:600;font-size:15px;color:#fff;letter-spacing:.02em;border:none}
.wkc-legal-article tbody{background:#fff}
.wkc-legal-article tbody tr{border-bottom:1px solid #f0f0f0;transition:background 200ms linear}
.wkc-legal-article tbody tr:last-child{border-bottom:none}
.wkc-legal-article tbody tr:hover{background:#0ea9900a}
.wkc-legal-article tbody td{padding:16px 20px;font-size:16px;color:#3a3a3a;border:none}
.wkc-legal-article th{font-weight:600}
.wkc-legal-article td{font-weight:400}
@media (max-width: 768px) {
.wkc-legal-article table{margin:32px 0;font-size:14px}
.wkc-legal-article thead th{padding:14px 12px;font-size:14px}
.wkc-legal-article tbody td{padding:12px;font-size:15px}
}
.wkc-legal-article hr{border:none;height:2px;background:linear-gradient(to right,#0EA990,#8B2ED8,#FBAFB8);margin:56px 0;border-radius:8px;opacity:.3}
@media (max-width: 768px) {
.wkc-legal-article hr{margin:40px 0}
}
.wkc-legal-article h1 + p,.wkc-legal-article h2 + p,.wkc-legal-article h3 + p{margin-top:0}
.wkc-legal-article ul,.wkc-legal-article ol{margin:0 0 24px;padding-left:28px}
.wkc-legal-article ul li,.wkc-legal-article ol li{font-size:17px;line-height:1.8;color:#3a3a3a;margin-bottom:12px}
.wkc-legal-article ul li::marker{color:#0EA990}
.wkc-legal-article ol li::marker{color:#8B2ED8;font-weight:600}
.artWrap{max-width:1280px;margin:0 auto;padding:0 20px}
.breadOuter{padding:32px 0;border-bottom:2px solid #0ea99026}
.breadList{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.breadList li{display:flex;align-items:center;gap:12px;font-size:14px;color:#666}
.breadList li::after{content:'→';color:#0EA990;font-weight:600}
.breadList li:last-child::after{display:none}
.breadList a{color:#0EA990;text-decoration:none;transition:color 180ms linear}
.breadList a:hover{color:#8B2ED8}
.breadList li:last-child{color:#333;font-weight:500}
.heroPost{padding:64px 0;background:linear-gradient(135deg,#fbafb814 0%,#8b2ed80f 100%);position:relative}
.heroPost::before{content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#0EA990 0%,#8B2ED8 50%,#FBAFB8 100%)}
.postHeadline{font-size:48px;line-height:1.2;color:#1a1a1a;margin:0 0 24px;font-weight:700;max-width:920px}
.mainImageBox{margin:56px 0;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0ea9901f 0 2px 8px #8b2ed814;position:relative}
.mainImageBox::after{content:'';position:absolute;inset:0;border:3px solid #fbafb84d;border-radius:12px;pointer-events:none}
.mainImageBox img{width:100%;height:auto;display:block}
.contentZone{max-width:820px;margin:0 auto;padding:48px 0 80px}
.contentZone p{font-size:18px;line-height:1.75;color:#333;margin:0 0 28px}
.contentZone p:last-child{margin-bottom:0}
.contentZone strong{color:#0EA990;font-weight:600;position:relative}
.contentZone strong::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#0EA990 0%,transparent 100%);opacity:.3}
.contentZone em{color:#8B2ED8;font-style:italic;background:linear-gradient(180deg,transparent 70%,#8b2ed81f 70%)}
.contentZone ul,.contentZone ol{margin:32px 0;padding-left:0;list-style:none}
.contentZone ul li,.contentZone ol li{font-size:18px;line-height:1.75;color:#333;margin-bottom:16px;padding-left:40px;position:relative}
.contentZone ul li::before{content:'';position:absolute;left:0;top:12px;width:16px;height:16px;background:linear-gradient(135deg,#0EA990 0%,#8B2ED8 100%);border-radius:50%;box-shadow:0 2px 6px #0ea9904d}
.contentZone ol{counter-reset:itemNum}
.contentZone ol li{counter-increment:itemNum}
.contentZone ol li::before{content:counter(itemNum);position:absolute;left:0;top:8px;width:28px;height:28px;background:#FBAFB8;color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;box-shadow:0 3px 8px #fbafb866}
.accentSection{background:linear-gradient(135deg,#0ea9900f 0%,#fbafb814 100%);border-left:5px solid #0EA990;padding:32px 40px;margin:48px 0;border-radius:0 12px 12px 0;position:relative}
.accentSection::before{content:'';position:absolute;top:16px;right:16px;width:48px;height:48px;background:radial-gradient(circle,#8b2ed833 0%,transparent 70%);border-radius:50%}
.accentSection p{margin:0;font-size:19px;color:#2a2a2a;font-weight:500}
.dividerWave{margin:64px 0;height:24px;position:relative;overflow:hidden}
.dividerWave svg{width:100%;height:100%;display:block}
@media (max-width: 1024px) {
.postHeadline{font-size:38px}
.contentZone p,.contentZone ul li,.contentZone ol li{font-size:17px}
.accentSection{padding:28px 32px}
}
@media (max-width: 768px) {
.breadOuter{padding:24px 0}
.heroPost{padding:48px 0}
.postHeadline{font-size:32px;margin-bottom:20px}
.mainImageBox{margin:40px 0;border-radius:10px}
.contentZone{padding:36px 0 60px}
.contentZone p,.contentZone ul li,.contentZone ol li{font-size:16px;margin-bottom:20px}
.contentZone ul li,.contentZone ol li{padding-left:32px}
.accentSection{padding:24px;margin:36px 0}
.accentSection p{font-size:17px}
.dividerWave{margin:48px 0}
}
@media (max-width: 480px) {
.artWrap{padding:0 16px}
.breadList{gap:8px;font-size:13px}
.postHeadline{font-size:26px}
.contentZone p,.contentZone ul li,.contentZone ol li{font-size:15px}
.accentSection{padding:20px 18px}
}
.TitleWrap{max-width:1280px;margin:0 auto;padding:80px 24px 60px;position:relative}
.TitleWrap .headLin{display:flex;align-items:flex-end;gap:48px;margin-bottom:32px}
.TitleWrap .headLin h1{font-size:56px;font-weight:700;color:#1a1a1a;line-height:1.1;margin:0;flex:1}
.TitleWrap .headLin .imgBox3{width:280px;height:200px;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #8b2ed826}
.TitleWrap .headLin .imgBox3 img{width:100%;height:100%;object-fit:cover;filter:saturate(0.7)}
.TitleWrap .descArea{max-width:680px;font-size:18px;line-height:1.7;color:#444}
.TitleWrap .descArea::before{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,#0EA990,#8B2ED8);margin-bottom:24px;border-radius:2px}
.articleGrid{max-width:1280px;margin:0 auto;padding:80px 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.articleGrid .cardPost{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 16px #0ea9901a;transition:all .2s linear;border:2px solid transparent}
.articleGrid .cardPost:hover{transform:translateY(-6px);box-shadow:0 12px 28px #0ea99033;border-color:#0EA990}
.articleGrid .cardPost .imgWr{width:100%;height:240px;overflow:hidden;position:relative}
.articleGrid .cardPost .imgWr img{width:100%;height:100%;object-fit:cover;transition:transform .3s linear}
.articleGrid .cardPost:hover .imgWr img{transform:scale(1.05)}
.articleGrid .cardPost .contentZone{padding:28px 24px}
.articleGrid .cardPost .contentZone .tagLab{display:inline-block;padding:6px 14px;background:#fbafb84d;color:#8B2ED8;font-size:12px;font-weight:600;border-radius:20px;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}
.articleGrid .cardPost .contentZone h3{font-size:22px;font-weight:700;color:#1a1a1a;margin:0 0 12px;line-height:1.3}
.articleGrid .cardPost .contentZone .excerpt{font-size:15px;line-height:1.6;color:#666;margin-bottom:20px}
.articleGrid .cardPost .contentZone .metaInf{display:flex;align-items:center;gap:16px;padding-top:16px;border-top:1px solid #e8e8e8;font-size:13px;color:#888}
.articleGrid .cardPost .contentZone .metaInf .dateStr{display:flex;align-items:center;gap:6px}
.articleGrid .cardPost .contentZone .metaInf .dateStr::before{content:'📅';font-size:14px}
.articleGrid .cardPost .contentZone .metaInf .readTime{display:flex;align-items:center;gap:6px}
.articleGrid .cardPost .contentZone .metaInf .readTime::before{content:'⏱';font-size:14px}
.insightBand{background:linear-gradient(135deg,#0ea99014,#8b2ed814);padding:100px 24px;position:relative;overflow:hidden}
.insightBand::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#fbafb826,transparent);border-radius:50%}
.insightBand .innerCont{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:64px;position:relative;z-index:2}
.insightBand .innerCont .txtSide{flex:1}
.insightBand .innerCont .txtSide h2{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 24px;line-height:1.2;position:relative;padding-left:24px}
.insightBand .innerCont .txtSide h2::before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,#0EA990,#8B2ED8);border-radius:3px}
.insightBand .innerCont .txtSide .paraTxt{font-size:17px;line-height:1.7;color:#555;margin-bottom:18px}
.insightBand .innerCont .visualSide{flex:0 0 420px;position:relative}
.insightBand .innerCont .visualSide .profCard{background:#fff;border-radius:16px;padding:32px;box-shadow:0 16px 48px #0000001f;border:3px solid #0EA990}
.insightBand .innerCont .visualSide .profCard .profImg{width:120px;height:120px;border-radius:50%;overflow:hidden;margin:0 auto 20px;border:4px solid #FBAFB8}
.insightBand .innerCont .visualSide .profCard .profImg img{width:100%;height:100%;object-fit:cover}
.insightBand .innerCont .visualSide .profCard .profName{font-size:24px;font-weight:700;color:#1a1a1a;text-align:center;margin:0 0 8px}
.insightBand .innerCont .visualSide .profCard .profRole{font-size:15px;color:#8B2ED8;text-align:center;margin-bottom:20px;font-weight:600}
.insightBand .innerCont .visualSide .profCard .profBio{font-size:15px;line-height:1.6;color:#666;text-align:center}
.categoryNav{max-width:1280px;margin:0 auto;padding:80px 24px}
.categoryNav h2{font-size:38px;font-weight:700;color:#1a1a1a;margin:0 0 48px;text-align:center;position:relative}
.categoryNav h2::after{content:'';display:block;width:80px;height:4px;background:#FBAFB8;margin:16px auto 0;border-radius:2px}
.categoryNav .topicGrid2{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.categoryNav .topicGrid2 .topBox{background:linear-gradient(135deg,#fff,#f9f9f9);border-radius:12px;padding:32px 24px;text-align:center;border:2px solid #e8e8e8;transition:all .2s linear;cursor:pointer;position:relative;overflow:hidden}
.categoryNav .topicGrid2 .topBox::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0EA990,#8B2ED8,#FBAFB8);transform:scaleX(0);transition:transform .2s linear}
.categoryNav .topicGrid2 .topBox:hover::before{transform:scaleX(1)}
.categoryNav .topicGrid2 .topBox:hover{border-color:#0EA990;box-shadow:0 8px 24px #0ea99026;transform:translateY(-4px)}
.categoryNav .topicGrid2 .topBox .iconCirc{width:64px;height:64px;margin:0 auto 20px;background:linear-gradient(135deg,#0ea99026,#8b2ed826);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;transition:transform .2s linear}
.categoryNav .topicGrid2 .topBox:hover .iconCirc{transform:rotate(15deg) scale(1.1)}
.categoryNav .topicGrid2 .topBox .topLabel{font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 8px}
.categoryNav .topicGrid2 .topBox .topCount{font-size:14px;color:#888}
@media (max-width: 1024px) {
.TitleWrap .headLin{flex-direction:column;align-items:flex-start;gap:32px}
.TitleWrap .headLin h1{font-size:44px}
.TitleWrap .headLin .imgBox3{width:100%;max-width:400px}
.articleGrid{grid-template-columns:repeat(2,1fr)}
.insightBand .innerCont{flex-direction:column;gap:48px}
.insightBand .innerCont .visualSide{flex:1;width:100%;max-width:500px}
.categoryNav .topicGrid2{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.TitleWrap{padding:60px 20px 40px}
.TitleWrap .headLin h1{font-size:36px}
.TitleWrap .descArea{font-size:16px}
.articleGrid{grid-template-columns:1fr;padding:60px 20px;gap:28px}
.insightBand{padding:80px 20px}
.insightBand .innerCont .txtSide h2{font-size:32px}
.categoryNav{padding:60px 20px}
.categoryNav h2{font-size:30px}
.categoryNav .topicGrid2{grid-template-columns:1fr;gap:20px}
}
.Domain-heado{background:linear-gradient(135deg,#0ea99014 0%,#8b2ed80f 100%);padding:72px 24px 68px;position:relative;overflow:hidden}
.Domain-heado::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#fbafb826 0%,transparent 70%);border-radius:50%}
.Domain-heado .inner-wrap{max-width:1280px;margin:0 auto;position:relative;z-index:2}
.Domain-heado .title-main{font-size:46px;line-height:1.18;color:#1a1a1a;margin:0 0 16px;font-weight:700}
.Domain-heado .subtitle-text{font-size:19px;line-height:1.65;color:#444;max-width:680px;margin:0}
.mission-outer{padding:64px 24px;background:#fff}
.mission-outer .content-box{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.mission-outer .text-side h2{font-size:32px;line-height:1.3;color:#1a1a1a;margin:0 0 20px;font-weight:700}
.mission-outer .text-side h2::before{content:'';display:inline-block;width:5px;height:28px;background:linear-gradient(180deg,#0EA990 0%,#8B2ED8 100%);margin-right:14px;border-radius:3px;vertical-align:middle}
.mission-outer .text-side p{font-size:17px;line-height:1.7;color:#555;margin:0 0 18px}
.mission-outer .img-side img{width:100%;height:420px;object-fit:cover;border-radius:12px;box-shadow:0 8px 24px #0ea99026}
.posts-section-wrap{padding:68px 24px;background:linear-gradient(180deg,#fafafa 0%,#fff 100%)}
.posts-section-wrap .inner-container{max-width:1280px;margin:0 auto}
.posts-section-wrap .section-head{text-align:center;margin-bottom:52px}
.posts-section-wrap .section-head h2{font-size:36px;line-height:1.25;color:#1a1a1a;margin:0 0 12px;font-weight:700}
.posts-section-wrap .section-head p{font-size:18px;line-height:1.6;color:#666;margin:0}
.post-grid-display{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:56px}
.post-card-item{background:#fff;border-radius:10px;overflow:hidden;transition:transform 220ms linear,box-shadow 220ms linear;box-shadow:0 4px 16px #0000000f}
.post-card-item:hover{transform:translateY(-6px);box-shadow:0 12px 32px #8b2ed82e}
.post-card-item .card-img-wrap{width:100%;height:220px;overflow:hidden;position:relative}
.post-card-item .card-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform 280ms linear}
.post-card-item:hover .card-img-wrap img{transform:scale(1.08)}
.post-card-item .card-content-area{padding:28px}
.post-card-item .card-content-area h3{font-size:21px;line-height:1.4;color:#1a1a1a;margin:0 0 14px;font-weight:600}
.post-card-item .card-content-area h3 a{color:inherit;text-decoration:none;transition:color 180ms linear}
.post-card-item .card-content-area h3 a:hover{color:#0EA990}
.post-card-item .card-content-area p{font-size:16px;line-height:1.65;color:#666;margin:0}
.expert-listing-section{margin-top:48px;padding:44px;background:linear-gradient(135deg,#fbafb81f 0%,#0ea99014 100%);border-radius:14px}
.expert-listing-section h3{font-size:28px;line-height:1.3;color:#1a1a1a;margin:0 0 28px;font-weight:700;text-align:center}
.expert-list-items{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.expert-card-box{background:#fff;padding:24px;border-radius:8px;border:2px solid transparent;transition:border-color 200ms linear,transform 200ms linear}
.expert-card-box:hover{border-color:#8B2ED8;transform:translateX(4px)}
.expert-card-box h4{font-size:19px;line-height:1.4;margin:0;font-weight:600}
.expert-card-box h4 a{color:#1a1a1a;text-decoration:none;transition:color 180ms linear}
.expert-card-box h4 a:hover{color:#0EA990}
.rhythm-showcase{padding:60px 24px;background:#fff}
.rhythm-showcase .container-inner{max-width:1280px;margin:0 auto;display:flex;gap:48px;align-items:flex-start}
.rhythm-showcase .text-column{flex:1}
.rhythm-showcase .text-column h2{font-size:30px;line-height:1.32;color:#1a1a1a;margin:0 0 18px;font-weight:700}
.rhythm-showcase .text-column p{font-size:17px;line-height:1.7;color:#555;margin:0 0 16px}
.rhythm-showcase .visual-column{flex:1;position:relative}
.rhythm-showcase .visual-column img{width:100%;height:380px;object-fit:cover;border-radius:10px;box-shadow:0 6px 20px #8b2ed824}
.rhythm-showcase .visual-column::after{content:'';position:absolute;bottom:-12px;right:-12px;width:100%;height:100%;border:3px solid #FBAFB8;border-radius:10px;z-index:-1}
.popular-content-zone{padding:64px 24px;background:linear-gradient(180deg,#f9f9f9 0%,#fff 100%)}
.popular-content-zone .zone-inner{max-width:1280px;margin:0 auto}
.popular-content-zone h2{font-size:34px;line-height:1.28;color:#1a1a1a;margin:0 0 36px;font-weight:700;position:relative;padding-bottom:16px}
.popular-content-zone h2::after{content:'';position:absolute;bottom:0;left:0;width:80px;height:4px;background:linear-gradient(90deg,#0EA990 0%,#8B2ED8 100%);border-radius:2px}
.popular-list-wrap{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.popular-item-box{background:#fff;padding:32px;border-radius:10px;border-left:4px solid #0EA990;box-shadow:0 4px 14px #0000000d;transition:box-shadow 200ms linear,transform 200ms linear}
.popular-item-box:hover{box-shadow:0 8px 28px #0ea99029;transform:translateY(-3px)}
.popular-item-box h4{font-size:20px;line-height:1.4;color:#1a1a1a;margin:0 0 12px;font-weight:600}
.popular-item-box p{font-size:16px;line-height:1.65;color:#666;margin:0}
.series-highlight-area{padding:68px 24px;background:#fff;position:relative}
.series-highlight-area::before{content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#0EA990 0%,#8B2ED8 50%,#FBAFB8 100%)}
.series-highlight-area .series-container{max-width:1280px;margin:0 auto;display:flex;gap:52px;align-items:center}
.series-highlight-area .img-block{flex:0 0 480px}
.series-highlight-area .img-block img{width:100%;height:360px;object-fit:cover;border-radius:12px;box-shadow:0 10px 30px #0000001f}
.series-highlight-area .text-block{flex:1}
.series-highlight-area .text-block h2{font-size:32px;line-height:1.3;color:#1a1a1a;margin:0 0 20px;font-weight:700}
.series-highlight-area .text-block h2::before{content:'◆';color:#8B2ED8;margin-right:12px;font-size:24px}
.series-highlight-area .text-block p{font-size:17px;line-height:1.7;color:#555;margin:0 0 24px}
.series-highlight-area .link-collection{display:flex;flex-direction:column;gap:14px}
.series-highlight-area .link-collection a{font-size:18px;color:#0EA990;text-decoration:none;padding:12px 20px;background:#0ea9900f;border-radius:8px;transition:background 180ms linear,transform 180ms linear;display:inline-block}
.series-highlight-area .link-collection a:hover{background:#0ea99024;transform:translateX(6px)}
.navigation-menu-section{padding:72px 24px;background:linear-gradient(135deg,#8b2ed814 0%,#fbafb81a 100%)}
.navigation-menu-section .nav-container{max-width:1280px;margin:0 auto}
.navigation-menu-section h2{font-size:34px;line-height:1.28;color:#1a1a1a;margin:0 0 44px;font-weight:700;text-align:center}
.nav-grid-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.nav-card-block{background:#fff;padding:36px;border-radius:12px;box-shadow:0 6px 20px #00000012;transition:transform 220ms linear,box-shadow 220ms linear;position:relative;overflow:hidden}
.nav-card-block::before{content:'';position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,#0EA990 0%,#8B2ED8 100%);transition:width 220ms linear}
.nav-card-block:hover::before{width:12px}
.nav-card-block:hover{transform:translateY(-4px);box-shadow:0 12px 36px #8b2ed829}
.nav-card-block h3{font-size:24px;line-height:1.35;color:#1a1a1a;margin:0 0 14px;font-weight:600}
.nav-card-block p{font-size:16px;line-height:1.65;color:#666;margin:0 0 20px}
.nav-card-block a{font-size:17px;color:#8B2ED8;text-decoration:none;font-weight:600;transition:color 180ms linear;display:inline-flex;align-items:center;gap:8px}
.nav-card-block a:hover{color:#0EA990}
.nav-card-block a::after{content:'→';font-size:20px;transition:transform 180ms linear}
.nav-card-block a:hover::after{transform:translateX(4px)}
.author-intro-segment{padding:64px 24px;background:#fff}
.author-intro-segment .intro-wrapper{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:280px 1fr;gap:48px;align-items:start}
.author-intro-segment .portrait-area{position:relative}
.author-intro-segment .portrait-area img{width:100%;height:340px;object-fit:cover;border-radius:10px;box-shadow:0 8px 24px #0000001a}
.author-intro-segment .portrait-area::after{content:'';position:absolute;bottom:-10px;right:-10px;width:100%;height:100%;border:2px solid #FBAFB8;border-radius:10px;z-index:-1}
.author-intro-segment .text-area h2{font-size:32px;line-height:1.3;color:#1a1a1a;margin:0 0 18px;font-weight:700}
.author-intro-segment .text-area p{font-size:17px;line-height:1.7;color:#555;margin:0 0 16px}
.author-intro-segment .action-btn{display:inline-block;padding:14px 32px;background:linear-gradient(135deg,#0EA990 0%,#8B2ED8 100%);color:#fff;text-decoration:none;border-radius:8px;font-size:17px;font-weight:600;transition:transform 200ms linear,box-shadow 200ms linear;box-shadow:0 4px 14px #0ea9904d;margin-top:12px}
.author-intro-segment .action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b2ed859}
@media (max-width: 1024px) {
.post-grid-display{grid-template-columns:repeat(2,1fr);gap:28px}
.expert-list-items{grid-template-columns:repeat(2,1fr)}
.mission-outer .content-box{grid-template-columns:1fr;gap:40px}
.rhythm-showcase .container-inner{flex-direction:column;gap:36px}
.series-highlight-area .series-container{flex-direction:column;gap:40px}
.series-highlight-area .img-block{flex:1;width:100%}
.author-intro-segment .intro-wrapper{grid-template-columns:1fr;gap:36px}
.author-intro-segment .portrait-area img{height:400px}
}
@media (max-width: 768px) {
.Domain-heado{padding:56px 20px 52px}
.Domain-heado .title-main{font-size:34px}
.Domain-heado .subtitle-text{font-size:17px}
.post-grid-display{grid-template-columns:1fr;gap:24px}
.expert-list-items{grid-template-columns:1fr}
.popular-list-wrap{grid-template-columns:1fr}
.nav-grid-layout{grid-template-columns:1fr}
.mission-outer .text-side h2{font-size:28px}
.posts-section-wrap .section-head h2{font-size:30px}
.rhythm-showcase .text-column h2{font-size:26px}
.popular-content-zone h2{font-size:28px}
.series-highlight-area .text-block h2{font-size:28px}
.navigation-menu-section h2{font-size:28px}
}
@media (max-width: 480px) {
.Domain-heado .title-main{font-size:28px}
.Domain-heado .subtitle-text{font-size:16px}
.mission-outer{padding:48px 20px}
.posts-section-wrap{padding:52px 20px}
.post-card-item .card-content-area{padding:20px}
.expert-listing-section{padding:32px 20px}
.rhythm-showcase{padding:48px 20px}
.popular-content-zone{padding:52px 20px}
.popular-item-box{padding:24px}
.series-highlight-area{padding:52px 20px}
.navigation-menu-section{padding:56px 20px}
.nav-card-block{padding:28px}
.author-intro-segment{padding:52px 20px}
}
.MainWrap{width:100%;max-width:1280px;margin:0 auto;padding:0}
.AboutHeader{background:linear-gradient(135deg,#0EA990 0%,#0ea99099 100%);padding:80px 20px 100px;position:relative;overflow:hidden}
.AboutHeader::after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:60px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 60' preserveAspectRatio='none'%3E%3Cpath d='M0,30 Q300,0 600,30 T1200,30 L1200,60 L0,60 Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat bottom;background-size:cover}
.HeaderInner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:1100px;margin:0 auto}
.HeaderText h1{font-size:48px;line-height:1.2;color:#fff;margin:0 0 24px;font-weight:700}
.HeaderText .intro{font-size:18px;line-height:1.6;color:#fffffff2;margin:0 0 16px}
.ImageMosaic{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;position:relative}
.ImageMosaic .img1{grid-column:1 / 3;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #8b2ed84d}
.ImageMosaic .img2{border-radius:12px;overflow:hidden;box-shadow:0 6px 18px #fbafb84d}
.ImageMosaic .img3{border-radius:12px;overflow:hidden;box-shadow:0 6px 18px #0ea9904d}
.ImageMosaic img{width:100%;height:100%;object-fit:cover;display:block}
.ImageMosaic .img1 img{height:280px}
.ImageMosaic .img2 img,.ImageMosaic .img3 img{height:200px}
.ContentBlock{padding:100px 20px 80px;background:#fff}
.StoryContainer{max-width:1100px;margin:0 auto;display:flex;gap:80px;align-items:flex-start}
.PortraitSide{flex:0 0 340px;position:relative}
.PortraitFrame{border-radius:16px;overflow:hidden;position:relative;box-shadow:0 12px 32px #8b2ed833}
.PortraitFrame::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 0%,#0ea99026 100%);pointer-events:none;z-index:1}
.PortraitFrame img{width:100%;height:460px;object-fit:cover;display:block}
.DetailedText{flex:1}
.DetailedText h2{font-size:38px;line-height:1.3;color:#1a1a1a;margin:0 0 32px;font-weight:700;position:relative;padding-left:24px}
.DetailedText h2::before{content:'';position:absolute;left:0;top:8px;width:6px;height:48px;background:linear-gradient(180deg,#8B2ED8 0%,#0EA990 100%);border-radius:3px}
.TextPart{margin:0 0 28px}
.TextPart h3{font-size:22px;line-height:1.4;color:#0EA990;margin:0 0 12px;font-weight:600}
.TextPart p{font-size:17px;line-height:1.7;color:#4a4a4a;margin:0}
.HighlightBox{background:linear-gradient(135deg,#fbafb81f 0%,#8b2ed814 100%);padding:28px 32px;border-radius:12px;border-left:4px solid #8B2ED8;margin:32px 0 0}
.HighlightBox p{font-size:17px;line-height:1.7;color:#2a2a2a;margin:0;font-style:italic}
.ImageAccent{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:40px 0 0}
.ImageAccent .accentImg{border-radius:12px;overflow:hidden;box-shadow:0 8px 20px #0ea99026;transition:all .22s linear}
.ImageAccent .accentImg:hover{transform:translateY(-6px);box-shadow:0 14px 32px #0ea99040}
.ImageAccent img{width:100%;height:240px;object-fit:cover;display:block}
@media (max-width: 968px) {
.HeaderInner{grid-template-columns:1fr;gap:40px}
.HeaderText h1{font-size:38px}
.ImageMosaic .img1 img{height:220px}
.ImageMosaic .img2 img,.ImageMosaic .img3 img{height:160px}
.StoryContainer{flex-direction:column;gap:50px}
.PortraitSide{flex:none;width:100%;max-width:400px;margin:0 auto}
.DetailedText h2{font-size:32px}
.ImageAccent{grid-template-columns:1fr}
.AboutHeader{padding:60px 20px 80px}
.ContentBlock{padding:70px 20px 60px}
}
@media (max-width: 640px) {
.HeaderText h1{font-size:32px;margin-bottom:18px}
.HeaderText .intro{font-size:16px}
.ImageMosaic{gap:12px}
.ImageMosaic .img1 img{height:180px}
.ImageMosaic .img2 img,.ImageMosaic .img3 img{height:140px}
.PortraitFrame img{height:380px}
.DetailedText h2{font-size:28px;padding-left:20px;margin-bottom:24px}
.DetailedText h2::before{width:5px;height:40px}
.TextPart h3{font-size:20px}
.TextPart p,.HighlightBox p{font-size:16px}
.HighlightBox{padding:22px 24px}
.ImageAccent img{height:200px}
.AboutHeader{padding:50px 16px 70px}
.ContentBlock{padding:60px 16px 50px}
}
.BlogHeado{background:linear-gradient(135deg,#0ea9901f 0%,#8b2ed814 100%);padding:68px 24px 52px;text-align:center;position:relative}
.BlogHeado::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:140px;height:4px;background:linear-gradient(90deg,#0EA990 0%,#8B2ED8 100%);border-radius:0 0 8px 8px}
.BlogHeado .titleMain23{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 14px;letter-spacing:-.5px}
.BlogHeado .subtxt9{font-size:18px;color:#4a4a4a;max-width:620px;margin:0 auto;line-height:1.6}
.contentWrap87{max-width:1280px;margin:0 auto;padding:0 24px}
.MainPosts34{padding:72px 0 48px}
.sectionLabel12{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:#0EA990;margin:0 0 32px;display:flex;align-items:center;gap:12px}
.sectionLabel12::after{content:'';flex:1;height:2px;background:linear-gradient(90deg,#0ea9904d 0%,transparent 100%)}
.postGrid4{display:grid;grid-template-columns:repeat(2,1fr);gap:36px;margin-bottom:64px}
.postCardMain77{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0ea99014;transition:all 220ms linear;border:1px solid #0ea9901a;display:flex;flex-direction:column}
.postCardMain77:hover{transform:translateY(-6px);box-shadow:0 12px 28px #8b2ed826;border-color:#8b2ed84d}
.postCardMain77 .cardTop98{background:linear-gradient(135deg,#fbafb826 0%,#8b2ed81a 100%);padding:32px 28px;position:relative}
.postCardMain77 .cardTop98::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#FBAFB8 0%,#8B2ED8 100%)}
.postCardMain77 .postTitleBig45{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 12px;line-height:1.3}
.postCardMain77 .postTitleBig45 a{color:inherit;text-decoration:none;transition:color 180ms linear}
.postCardMain77 .postTitleBig45 a:hover{color:#8B2ED8}
.postCardMain77 .postDesc88{font-size:16px;color:#5a5a5a;line-height:1.6;margin:0}
.postCardMain77 .cardBot55{padding:24px 28px;background:#fafafa;margin-top:auto}
.postCardMain77 .readLinkBx2{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#0EA990;text-decoration:none;transition:gap 200ms linear}
.postCardMain77 .readLinkBx2:hover{gap:14px;color:#8B2ED8}
.postCardMain77 .readLinkBx2::after{content:'→';font-size:18px}
.AdditionalSection71{padding:56px 0;background:linear-gradient(180deg,#0ea9900d 0%,#fbafb814 100%);border-radius:16px;margin-bottom:68px}
.AdditionalSection71 .innerBox3{max-width:940px;margin:0 auto;padding:0 28px}
.compactListArea8{display:flex;flex-direction:column;gap:20px}
.listItemSmall92{background:#fff;padding:22px 26px;border-radius:10px;border-left:4px solid #8B2ED8;box-shadow:0 2px 10px #8b2ed80f;transition:all 180ms linear}
.listItemSmall92:hover{transform:translateX(8px);border-left-color:#0EA990;box-shadow:0 6px 18px #0ea9901f}
.listItemSmall92 .itemTitleLink56{font-size:19px;font-weight:600;color:#1a1a1a;text-decoration:none;display:block;transition:color 160ms linear}
.listItemSmall92 .itemTitleLink56:hover{color:#0EA990}
.NewsletterBox14{padding:64px 0;background:linear-gradient(135deg,#0EA990 0%,#8B2ED8 100%);border-radius:16px;text-align:center;margin-bottom:72px;position:relative;overflow:hidden}
.NewsletterBox14::before{content:'';position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:#ffffff14;border-radius:50%}
.NewsletterBox14 .innerWrap23{position:relative;z-index:2;max-width:680px;margin:0 auto;padding:0 28px}
.NewsletterBox14 .headingWhite77{font-size:32px;font-weight:700;color:#fff;margin:0 0 16px}
.NewsletterBox14 .textWhite88{font-size:17px;color:#ffffffeb;margin:0 0 32px;line-height:1.6}
.NewsletterBox14 .formInline44{display:flex;gap:12px;max-width:520px;margin:0 auto}
.NewsletterBox14 .emailInput99{flex:1;padding:16px 20px;border:2px solid #ffffff4d;border-radius:10px;font-size:16px;background:#ffffff26;color:#fff;transition:all 200ms linear}
.NewsletterBox14 .emailInput99::placeholder{color:#ffffffb3}
.NewsletterBox14 .emailInput99:focus{outline:none;border-color:#fff;background:#ffffff40}
.NewsletterBox14 .submitButt67{padding:16px 36px;background:#fff;color:#8B2ED8;font-size:16px;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all 200ms linear;box-shadow:0 4px 14px #00000026}
.NewsletterBox14 .submitButt67:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000040;background:#FBAFB8;color:#fff}
.CategoryNav88{padding:52px 0;border-top:2px dashed #0ea99033}
.CategoryNav88 .navTitle22{font-size:22px;font-weight:700;color:#1a1a1a;margin:0 0 28px;text-align:center}
.CategoryNav88 .catGrid77{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.CategoryNav88 .catBox13{background:linear-gradient(135deg,#fbafb833 0%,#8b2ed826 100%);padding:28px 20px;border-radius:12px;text-align:center;text-decoration:none;transition:all 180ms linear;border:2px solid transparent}
.CategoryNav88 .catBox13:hover{border-color:#8B2ED8;transform:scale(1.05);background:linear-gradient(135deg,#8b2ed840 0%,#0ea99033 100%)}
.CategoryNav88 .catBox13 .catIcon55{font-size:36px;margin-bottom:12px;display:block}
.CategoryNav88 .catBox13 .catName44{font-size:16px;font-weight:600;color:#1a1a1a}
@media (max-width: 968px) {
.postGrid4{grid-template-columns:1fr;gap:28px}
.CategoryNav88 .catGrid77{grid-template-columns:repeat(2,1fr)}
.BlogHeado .titleMain23{font-size:34px}
.NewsletterBox14 .formInline44{flex-direction:column}
.NewsletterBox14 .submitButt67{width:100%}
}
@media (max-width: 640px) {
.BlogHeado{padding:48px 20px 38px}
.BlogHeado .titleMain23{font-size:28px}
.BlogHeado .subtxt9{font-size:16px}
.MainPosts34{padding:48px 0 32px}
.postCardMain77 .cardTop98{padding:24px 20px}
.postCardMain77 .postTitleBig45{font-size:20px}
.NewsletterBox14 .headingWhite77{font-size:26px}
.CategoryNav88 .catGrid77{grid-template-columns:1fr}
.AdditionalSection71{padding:42px 0;margin-bottom:48px}
}
.domain-success-wrap{background:linear-gradient(135deg,#0EA990 0%,#8B2ED8 100%);min-height:85vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;position:relative;overflow:hidden}
.domain-success-wrap::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#fbafb826 1px,transparent 1px);background-size:40px 40px;animation:floatParticles 80s linear infinite}
@keyframes floatParticles {
0%{transform:translate(0,0)}
100%{transform:translate(50px,50px)}
}
.domain-success-wrap::after{content:'';position:absolute;top:20%;right:10%;width:300px;height:300px;background:#fbafb81a;border-radius:50%;filter:blur(80px);animation:pulseGlow 6s ease-in-out infinite}
@keyframes pulseGlow {
0%,100%{opacity:.3;transform:scale(1)}
50%{opacity:.6;transform:scale(1.2)}
}
.successInner{max-width:720px;width:100%;position:relative;z-index:5}
.successCard{background:#fffffffa;border-radius:16px;padding:60px 50px;box-shadow:0 20px 60px #0ea99033 0 8px 24px #8b2ed826;position:relative}
.successCard::before{content:'';position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(135deg,#0EA990,#8B2ED8,#FBAFB8);border-radius:16px;z-index:-1;opacity:.4}
.successIconBox{width:90px;height:90px;margin:0 auto 32px;background:linear-gradient(135deg,#0ea9901a,#8b2ed81a);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;animation:scaleIn .6s ease-out}
@keyframes scaleIn {
0%{transform:scale(0);opacity:0}
100%{transform:scale(1);opacity:1}
}
.successIconBox::before{content:'';position:absolute;inset:0;border-radius:50%;border:3px solid #0EA990;animation:ringPulse 2s ease-out infinite}
@keyframes ringPulse {
0%{transform:scale(1);opacity:1}
100%{transform:scale(1.5);opacity:0}
}
.successIconBox svg{width:45px;height:45px;stroke:#0EA990;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.successHeading{font-size:38px;font-weight:700;color:#1a1a1a;text-align:center;margin:0 0 20px;line-height:1.2;animation:fadeSlideUp .8s ease-out .2s both}
@keyframes fadeSlideUp {
0%{opacity:0;transform:translateY(20px)}
100%{opacity:1;transform:translateY(0)}
}
.successTxt{font-size:17px;line-height:1.7;color:#4a4a4a;text-align:center;margin:0 0 40px;animation:fadeSlideUp .8s ease-out .4s both}
.successTxt strong{color:#0EA990;font-weight:600}
.successBtnGrp{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;animation:fadeSlideUp .8s ease-out .6s both}
.successBtnPrimary{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,#0EA990,#8B2ED8);color:#fff;text-decoration:none;border-radius:10px;font-size:16px;font-weight:600;transition:all .2s linear;box-shadow:0 6px 20px #0ea9904d;position:relative;z-index:10}
.successBtnPrimary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0ea99066}
.successBtnPrimary:active{transform:translateY(-1px)}
.successBtnSecondary{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:#fff;color:#0EA990;text-decoration:none;border-radius:10px;font-size:16px;font-weight:600;border:2px solid #0EA990;transition:all .2s linear;position:relative;z-index:10}
.successBtnSecondary:hover{background:#0ea9900d;transform:translateY(-3px);box-shadow:0 8px 24px #0ea99026}
.successBtnSecondary:active{transform:translateY(-1px)}
.successInfoBox{margin-top:40px;padding-top:32px;border-top:2px solid #0ea99026;text-align:center;animation:fadeSlideUp .8s ease-out .8s both}
.successInfoTxt{font-size:15px;color:#6a6a6a;line-height:1.6;margin:0 0 16px}
.successContactLink{color:#0EA990;text-decoration:none;font-weight:600;border-bottom:2px solid transparent;transition:all .2s linear}
.successContactLink:hover{border-bottom-color:#0EA990}
@media (max-width: 768px) {
.domain-success-wrap{padding:40px 20px;min-height:75vh}
.successCard{padding:40px 30px}
.successIconBox{width:75px;height:75px;margin-bottom:24px}
.successIconBox svg{width:38px;height:38px}
.successHeading{font-size:30px;margin-bottom:16px}
.successTxt{font-size:16px;margin-bottom:32px}
.successBtnGrp{flex-direction:column;gap:12px}
.successBtnPrimary,.successBtnSecondary{width:100%;justify-content:center;padding:14px 24px}
.successInfoBox{margin-top:32px;padding-top:24px}
}
@media (max-width: 480px) {
.successCard{padding:32px 24px;border-radius:12px}
.successHeading{font-size:26px}
.successTxt{font-size:15px}
.successBtnPrimary,.successBtnSecondary{font-size:15px}
.successInfoTxt{font-size:14px}
}