@import "https://cdn.jsdelivr.net/npm/@fontsource/lexend@latest/300.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/lexend@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/lexend@latest/700.css";
*{box-sizing:border-box}
body{font-family:'Lexend',sans-serif;font-weight:400;font-size:18px;line-height:1.6;color:#1a1a1a;background-color:#FFF;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
:focus-visible{outline:2px solid #14B86D;outline-offset:2px}
::selection{background-color:#14B86D;color:#FFF}
.hdr{background:linear-gradient(135deg,#14B86D 0%,#84190F 100%);padding:24px 40px;position:relative;box-shadow:0 7px 25px 1px #14b86d17}
.hdr-wrap{max-width:1024px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:40px}
.logo-box{background-color:#fffffff2;padding:8px 16px;border-radius:32px;box-shadow:0 3px 3px 1px #14b86d0d;border:2px solid #14b86d33;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);flex-shrink:0}
.logo-box img{display:block;width:68px;height:68px;object-fit:contain}
.nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;flex-grow:1}
.nav a{color:#FFF;text-decoration:none;font-size:18px;font-weight:400;padding:16px 24px;border-radius:32px;background-color:#ffffff1a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:background-color .35s cubic-bezier(0.34,1.2,0.64,1),transform .35s cubic-bezier(0.34,1.2,0.64,1);white-space:nowrap;min-height:44px;display:flex;align-items:center}
.nav a:hover{background-color:#ffffff40;transform:translateY(-2px)}
.ph-box{background-color:#ffffff26;padding:16px 24px;border-radius:32px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid #ffffff4d;flex-shrink:0}
.ph-link{color:#FFF;text-decoration:none;font-size:18px;font-weight:700;display:flex;align-items:center;gap:8px;letter-spacing:.3px}
.ph-icon{width:20px;height:20px;fill:#FFF}
main{max-width:1024px;margin:0 auto}
.ftr{background:linear-gradient(180deg,#f8f8f8 0%,#FFF 100%);padding:72px 40px 40px;margin-top:72px;border-top:1px solid #e5e5e5}
.ftr-wrap{max-width:1024px;margin:0 auto}
.ftr-top{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:40px;margin-bottom:72px}
.ftr-logo-sect{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.ftr-logo-box{background-color:#f0f0f0;padding:16px;border-radius:32px;box-shadow:0 3px 3px 1px #14b86d0d;border:1px solid #e0e0e0}
.ftr-logo-box img{display:block;width:70px;height:70px;object-fit:contain}
.ftr-brand{font-size:22px;font-weight:700;color:#1a1a1a;margin:0;line-height:1.4}
.ftr-contact-card{background:linear-gradient(135deg,#14b86d0d 0%,#84190f0d 100%);padding:24px;border-radius:32px;box-shadow:0 7px 25px 1px #14b86d17;border:1px solid #14b86d1a}
.ftr-contact-title{font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 24px;line-height:1.4}
.ftr-contact-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}
.ftr-contact-item{display:flex;align-items:flex-start;gap:16px}
.ftr-contact-icon{width:24px;height:24px;flex-shrink:0;margin-top:2px}
.ftr-contact-icon svg{width:100%;height:100%;fill:#14B86D}
.ftr-contact-link{color:#1a1a1a;text-decoration:none;font-size:15px;line-height:1.6;transition:color .3s cubic-bezier(0.34,1.2,0.64,1);word-break:break-word}
.ftr-contact-link:hover{color:#14B86D}
.ftr-contact-text{color:#1a1a1a;font-size:15px;line-height:1.6;margin:0}
.ftr-nav-sect{display:flex;flex-direction:column;gap:24px}
.ftr-nav-title{font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 8px;line-height:1.4}
.ftr-nav{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}
.ftr-nav a{color:#1a1a1a;text-decoration:none;font-size:15px;line-height:1.6;transition:color .4s ease-in-out,padding-left .4s ease-in-out;display:inline-block}
.ftr-nav a:hover{color:#14B86D;padding-left:8px}
.ftr-bottom{padding-top:40px;border-top:1px solid #e5e5e5;text-align:center}
.ftr-copyright{font-size:15px;color:#666;margin:0;line-height:1.6}
.ftr-year{font-weight:700;color:#1a1a1a}
@media (max-width: 1024px) {
.ftr-top{grid-template-columns:1fr;gap:40px}
.hdr-wrap{flex-direction:column;align-items:center;gap:24px}
.ph-box{width:100%;text-align:center}
.ph-link{justify-content:center}
}
@media (max-width: 768px) {
.hdr{padding:24px}
.ftr{padding:40px 24px 24px;margin-top:40px}
.nav{flex-direction:column;width:100%}
.nav a{width:100%;text-align:center;justify-content:center}
.ftr-contact-card{padding:24px 16px}
}
@media (max-width: 640px) {
body{font-size:15px}
.hdr{padding:16px}
.ftr{padding:40px 16px 24px}
.logo-box img{width:56px;height:56px}
.ftr-logo-box img{width:60px;height:60px}
.nav a{font-size:15px;padding:16px}
.ftr-top{gap:24px}
.ftr-bottom{padding-top:24px}
}
.ewzq-policy-content{max-width:1024px;margin:0 auto;padding:72px 24px}
.ewzq-policy-content h1{font-size:58px;line-height:1.15;margin-bottom:40px;color:#84190F}
.ewzq-policy-content h2{font-size:22px;line-height:1.4;margin-top:72px;margin-bottom:24px;color:#14B86D}
.ewzq-policy-content h3{font-size:18px;line-height:1.4;margin-top:40px;margin-bottom:16px;color:#333}
.ewzq-policy-content h4,.ewzq-policy-content h5,.ewzq-policy-content h6{font-size:15px;line-height:1.4;margin-top:24px;margin-bottom:16px;color:#333}
.ewzq-policy-content p{font-size:15px;line-height:1.6;margin-bottom:16px;color:#333}
.ewzq-policy-content strong,.ewzq-policy-content b{font-weight:600;color:#000}
.ewzq-policy-content em,.ewzq-policy-content i{font-style:italic}
.ewzq-policy-content a{color:#14B86D;text-decoration:none;border-bottom:1px solid #14b86d4d;transition:border-color .35s cubic-bezier(0.34,1.2,0.64,1)}
.ewzq-policy-content a:hover{border-bottom-color:#14B86D}
.ewzq-policy-content a::selection{background-color:#14B86D;color:#FFF}
.ewzq-policy-content table{width:100%;border-collapse:collapse;margin:40px 0;font-size:15px;line-height:1.4;box-shadow:0 3px 3px 1px #14b86d0d}
.ewzq-policy-content thead{background-color:#14B86D;color:#FFF}
.ewzq-policy-content thead th{padding:16px;text-align:left;font-weight:600}
.ewzq-policy-content tbody tr{border-bottom:1px solid #14b86d26;transition:background-color .38s ease-in-out}
.ewzq-policy-content tbody tr:hover{background-color:#14b86d08}
.ewzq-policy-content tbody tr:last-child{border-bottom:none}
.ewzq-policy-content td{padding:16px;color:#333}
.ewzq-policy-content th{font-weight:600}
.ewzq-policy-content hr{border:none;height:1px;background:linear-gradient(to right,#14b86d00,#14b86d4d,#14b86d00);margin:72px 0}
@media (max-width: 768px) {
.ewzq-policy-content{padding:40px 16px}
.ewzq-policy-content h1{font-size:22px;margin-bottom:24px}
.ewzq-policy-content h2{font-size:18px;margin-top:40px;margin-bottom:16px}
.ewzq-policy-content h3{font-size:15px;margin-top:24px}
.ewzq-policy-content table{font-size:15px;margin:24px 0;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.ewzq-policy-content thead th,.ewzq-policy-content td{padding:8px}
.ewzq-policy-content hr{margin:40px 0}
}
.dtl{background:#FFF;color:#1a1a1a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.dtl ::selection{background:#14B86D;color:#FFF}
.dtl .head{display:grid;grid-template-columns:1fr 1.5fr;gap:0;min-height:420px;overflow:hidden;position:relative}
.dtl .head::before{content:'';position:absolute;top:0;left:0;width:45%;height:100%;background:#84190F;z-index:1}
.dtl .head::after{content:'';position:absolute;top:0;right:0;width:55%;height:100%;background:#14B86D;z-index:1}
.dtl .overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,#14b86d08 0px,#14b86d08 1px,transparent 1px,transparent 40px),repeating-linear-gradient(90deg,#14b86d08 0px,#14b86d08 1px,transparent 1px,transparent 40px);z-index:2;pointer-events:none}
.dtl .headcnt{position:relative;z-index:3;padding:40px 40px 40px 72px;display:flex;flex-direction:column;justify-content:center;max-width:560px}
.dtl .headcnt h1{font-size:58px;line-height:1.15;color:#FFF;margin:0 0 16px}
.dtl .meta{display:flex;flex-direction:row;gap:24px;margin:24px 0 0;align-items:center}
.dtl .pub{font-size:15px;line-height:1.4;color:#ffffffe6}
.dtl .stats{display:flex;flex-direction:row;gap:16px}
.dtl .stat{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:15px;line-height:1.4;color:#ffffffe6}
.dtl .icn{width:20px;height:20px;fill:#ffffffd9}
.dtl .wrap{max-width:1024px;margin:0 auto;padding:0 40px}
.dtl .vis{padding:72px 0;background:linear-gradient(135deg,#14b86d08 0%,#ffff 100%)}
.dtl .imgwrap{position:relative;border-radius:3px;overflow:hidden;box-shadow:0 9px 44px 1px #14b86d1c}
.dtl .imgwrap img{width:100%;height:auto;display:block;filter:blur(0)}
.dtl .imgwrap::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,transparent 40%,#fff6 100%);pointer-events:none;z-index:1}
.dtl .prc{padding:40px 0}
.dtl .prcbox{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:40px;align-items:center}
.dtl .left{font-size:15px;line-height:1.6;color:#444}
.dtl .center{background:linear-gradient(135deg,#14B86D 0%,#0fa35d 100%);border-radius:32px;padding:40px;text-align:center;box-shadow:0 7px 25px 1px #14b86d17}
.dtl .amt{font-size:72px;line-height:1.15;color:#FFF;margin:0;font-weight:700}
.dtl .right{font-size:15px;line-height:1.6;color:#444}
.dtl .prog{padding:72px 0;background:#FFF}
.dtl .prog h2{font-size:58px;line-height:1.15;margin:0 0 40px;color:#1a1a1a}
.dtl .pbox{border:2px dashed #14B86D;border-radius:3px;padding:40px;position:relative}
.dtl .pbox::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:2px dashed transparent;border-radius:3px;pointer-events:none}
.dtl .desc{padding:72px 0;background:linear-gradient(180deg,#84190f05 0%,#ffff 100%)}
.dtl .desc h2{font-size:58px;line-height:1.15;margin:0 0 40px;color:#1a1a1a}
.dtl .intro{font-size:22px;line-height:1.6;color:#1a1a1a;margin:0 0 40px}
.dtl .cols{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.dtl .cols p{font-size:18px;line-height:1.6;color:#333;margin:0 0 24px}
.dtl .cols h3{font-size:22px;line-height:1.4;color:#1a1a1a;margin:0 0 16px}
.dtl .cols ul{margin:0 0 24px;padding:0 0 0 24px}
.dtl .cols li{font-size:18px;line-height:1.6;color:#333;margin:0 0 8px}
.dtl .cols ol{margin:0 0 24px;padding:0 0 0 24px}
.dtl .cols blockquote{margin:24px 0;padding:24px;background:#14b86d0d;border-left:4px solid #14B86D;font-size:18px;line-height:1.6;color:#333;border-radius:3px}
.dtl .cols dl{margin:0 0 24px}
.dtl .cols dt{font-size:18px;line-height:1.6;color:#1a1a1a;font-weight:700;margin:0 0 8px}
.dtl .cols dd{font-size:18px;line-height:1.6;color:#333;margin:0 0 16px 24px}
.dtl .cols figure{margin:24px 0}
.dtl .cols figcaption{font-size:15px;line-height:1.4;color:#666;margin:8px 0 0;text-align:center}
.dtl .cols em{font-style:italic;color:#14B86D}
.dtl .cols abbr{text-decoration:none;border-bottom:1px dotted #14B86D;cursor:help}
.dtl .cols details{margin:0 0 24px}
.dtl .cols summary{font-size:18px;line-height:1.6;color:#14B86D;cursor:pointer;font-weight:700;margin:0 0 8px;transition:color .35s cubic-bezier(0.34,1.2,0.64,1)}
.dtl .cols summary:hover{color:#0fa35d}
.dtl .cols details[open] summary{margin:0 0 16px}
.dtl .aside{padding:72px 0;background:#FFF}
.dtl .asidegrid{display:grid;grid-template-columns:2fr 1fr;gap:40px}
.dtl .main{font-size:18px;line-height:1.6;color:#333}
.dtl .main p{margin:0 0 24px}
.dtl .main h3{font-size:22px;line-height:1.4;color:#1a1a1a;margin:0 0 16px}
.dtl .side{background:linear-gradient(180deg,#14b86d0d 0%,#ffff 100%);border-radius:3px;padding:40px;box-shadow:0 3px 3px 1px #14b86d0d}
.dtl .side h3{font-size:22px;line-height:1.4;color:#1a1a1a;margin:0 0 16px}
.dtl .side p{font-size:15px;line-height:1.6;color:#444;margin:0 0 16px}
.dtl .inter{padding:72px 0;background:linear-gradient(135deg,#84190f08 0%,#ffff 100%)}
.dtl .inter h2{font-size:58px;line-height:1.15;margin:0 0 40px;color:#1a1a1a;text-align:center}
.dtl .toggle-container{max-width:720px;margin:0 auto}
.dtl .tog{display:none}
.dtl .lbl{display:block;padding:24px;background:#FFF;border:1px solid #14b86d33;border-radius:3px;margin:0 0 8px;cursor:pointer;font-size:18px;line-height:1.4;color:#1a1a1a;transition:background .38s cubic-bezier(0.34,1.2,0.64,1),border-color .38s cubic-bezier(0.34,1.2,0.64,1);position:relative}
.dtl .lbl::after{content:'+';position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:22px;color:#14B86D;transition:transform .42s cubic-bezier(0.34,1.2,0.64,1)}
.dtl .lbl:hover{background:#14b86d0d;border-color:#14B86D}
.dtl .panel{max-height:0;overflow:hidden;transition:max-height .4s ease-in-out}
.dtl .panelcnt{padding:0 24px 24px;font-size:18px;line-height:1.6;color:#333}
.dtl .tog:checked + .lbl{background:#14b86d14;border-color:#14B86D}
.dtl .tog:checked + .lbl::after{content:'−';transform:translateY(-50%) rotate(180deg)}
.dtl .tog:checked + .lbl + .panel{max-height:800px}
.dtl .divider{height:2px;margin:0;background:radial-gradient(ellipse at center,#14B86D 0%,#14b86d4d 40%,transparent 70%)}
.dtl .scroll{position:fixed;bottom:40px;right:40px;width:56px;height:56px;background:#14B86D;border-radius:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 7px 25px 1px #14b86d17;opacity:0;pointer-events:none;transition:opacity .35s cubic-bezier(0.34,1.2,0.64,1),transform .35s cubic-bezier(0.34,1.2,0.64,1);z-index:100}
.dtl .scroll:hover{transform:translateY(-4px);box-shadow:0 9px 44px 1px #14b86d1c}
.dtl .scroll.visible{opacity:1;pointer-events:auto}
.dtl .arrup{width:24px;height:24px;border-left:3px solid #FFF;border-top:3px solid #FFF;transform:rotate(45deg);margin-top:6px}
@media (max-width: 1024px) {
.dtl .headcnt{padding:40px}
.dtl .headcnt h1{font-size:42px}
.dtl .prcbox{grid-template-columns:1fr}
.dtl .cols{grid-template-columns:1fr}
.dtl .asidegrid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.dtl .head{grid-template-columns:1fr}
.dtl .head::before{width:100%}
.dtl .head::after{display:none}
.dtl .headcnt{padding:40px 24px;max-width:100%}
.dtl .headcnt h1{font-size:32px}
.dtl .wrap{padding:0 24px}
.dtl .prog h2,.dtl .desc h2,.dtl .inter h2{font-size:32px}
.dtl .amt{font-size:58px}
.dtl .intro{font-size:18px}
.dtl .meta{flex-direction:column;align-items:flex-start;gap:16px}
}
@media (max-width: 640px) {
.dtl .scroll{width:48px;height:48px;bottom:24px;right:24px}
.dtl .arrup{width:20px;height:20px}
}
.srv{background:#FFF;color:#1a1a1a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.srv ::selection{background:#14B86D;color:#FFF}
.srv .intro{max-width:1024px;margin:0 auto;padding:72px 24px;display:grid;grid-template-columns:1fr 280px;gap:40px;position:relative}
.srv .intro::before{content:'2';position:absolute;top:24px;left:24px;font-size:240px;line-height:1;color:#14b86d08;font-weight:700;z-index:0;pointer-events:none}
.srv .txtwrap{position:relative;z-index:1}
.srv .intro h1{font-size:58px;line-height:1.15;margin:0 0 24px;font-weight:700}
.srv .intro h1 span{background:linear-gradient(135deg,#14B86D 0%,#14b86d99 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.srv .intro p{font-size:18px;line-height:1.6;margin:0 0 24px;color:#4a4a4a}
.srv .intro .ctalink{display:inline-flex;align-items:center;font-size:18px;color:#14B86D;text-decoration:none;font-weight:600;transition:transform .38s cubic-bezier(0.34,1.2,0.64,1)}
.srv .intro .ctalink:hover{transform:translateX(8px)}
.srv .imgstrip{position:relative;overflow:hidden;border-radius:3px}
.srv .imgstrip img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:filter .42s ease-in-out,transform .42s ease-in-out}
.srv .imgstrip:hover img{filter:grayscale(0%);transform:scale(1.05)}
.srv .svcgrid{max-width:1024px;margin:0 auto;padding:72px 24px;background:linear-gradient(180deg,#14b86d05 0%,#FFF 100%)}
.srv .svcgrid h2{font-size:22px;line-height:1.4;margin:0 0 40px;font-weight:600;text-align:center}
.srv .cardlist{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:24px}
.srv .card{background:#FFF;border:1px solid #14b86d26;border-radius:3px;padding:24px;transition:box-shadow .35s cubic-bezier(0.34,1.2,0.64,1),transform .35s cubic-bezier(0.34,1.2,0.64,1);box-shadow:0 3px 3px 1px #14b86d0d;display:flex;flex-direction:column}
.srv .card:hover{box-shadow:0 7px 25px 1px #14b86d17;transform:translateY(-4px)}
.srv .card h3{font-size:18px;line-height:1.4;margin:0 0 16px;font-weight:600}
.srv .card h3 a{color:#1a1a1a;text-decoration:none;transition:color .3s ease-in-out}
.srv .card h3 a:hover{color:#14B86D}
.srv .card p{font-size:15px;line-height:1.6;margin:0 0 16px;color:#4a4a4a;flex-grow:1}
.srv .cardmeta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;border-top:1px solid #14b86d1a}
.srv .price{font-size:22px;line-height:1.15;font-weight:700;color:#14B86D}
.srv .stats{display:flex;gap:16px;font-size:15px;color:#6a6a6a}
.srv .stats span{display:flex;align-items:center;gap:8px}
.srv .wavebg{max-width:1024px;margin:0 auto;padding:72px 24px;position:relative;overflow:hidden}
.srv .wavebg::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 16px,#14b86d05 16px,#14b86d05 32px);pointer-events:none;z-index:0}
.srv .twocol{display:grid;grid-template-columns:1fr 1fr;gap:40px;position:relative;z-index:1}
.srv .colblock h2{font-size:22px;line-height:1.4;margin:0 0 16px;font-weight:600}
.srv .colblock h2 span{font-size:58px;display:block;margin-bottom:8px}
.srv .colblock p{font-size:15px;line-height:1.6;margin:0 0 16px;color:#4a4a4a}
.srv .colblock ul{list-style:none;padding:0;margin:0}
.srv .colblock li{font-size:15px;line-height:1.6;padding:8px 0 8px 32px;position:relative;color:#4a4a4a}
.srv .colblock li::before{content:'';position:absolute;left:0;top:14px;width:16px;height:2px;background:#14B86D}
.srv .interactive{max-width:1024px;margin:0 auto;padding:72px 24px;background:linear-gradient(180deg,#FFF 0%,#84190f05 100%)}
.srv .interactive h2{font-size:22px;line-height:1.4;margin:0 0 40px;font-weight:600;text-align:center}
.srv .revealwrap{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.srv .revealbox{position:relative;border:1px solid #84190f26;border-radius:32px;overflow:hidden;background:#FFF}
.srv .revealbtn{position:absolute;opacity:0;pointer-events:none}
.srv .reveallabel{display:block;padding:40px 24px;background:linear-gradient(135deg,#84190f0d 0%,#84190f03 100%);cursor:pointer;transition:background .4s cubic-bezier(0.34,1.2,0.64,1)}
.srv .reveallabel h3{font-size:18px;line-height:1.4;margin:0;font-weight:600;color:#84190F}
.srv .hiddencon{max-height:0;overflow:hidden;transition:max-height .45s ease-in-out,padding .45s ease-in-out;padding:0 24px;background:#FFF}
.srv .revealbtn:focus ~ .hiddencon{max-height:400px;padding:24px}
.srv .revealbtn:focus ~ .reveallabel{background:#84190f14}
.srv .hiddencon p{font-size:15px;line-height:1.6;margin:0;color:#4a4a4a}
.srv .hiddencon img{width:100%;height:200px;object-fit:cover;margin-top:16px;border-radius:3px}
.srv .divider{max-width:1024px;margin:0 auto;padding:40px 0;position:relative;display:flex;justify-content:center;align-items:center}
.srv .divider::before{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent 0%,#14b86d33 50%,transparent 100%)}
.srv .divider svg{width:40px;height:40px;position:relative;z-index:1;fill:#14B86D}
@media (max-width: 1024px) {
.srv .intro{grid-template-columns:1fr;padding:40px 24px}
.srv .imgstrip{height:300px}
.srv .cardlist{grid-template-columns:1fr 1fr}
.srv .twocol{grid-template-columns:1fr;gap:24px}
.srv .revealwrap{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.srv .intro h1{font-size:40px}
.srv .cardlist{grid-template-columns:1fr}
.srv .colblock h2 span{font-size:40px}
}
@media (max-width: 640px) {
.srv .intro{padding:24px 16px}
.srv .svcgrid,.srv .wavebg,.srv .interactive{padding:40px 16px}
.srv .intro h1{font-size:32px}
.srv .card{padding:16px}
}
.abt .btn,.abt .cd,.abt .top,.abt .intro,.abt .tm,.abt .hist,.abt .gloss{box-sizing:border-box}
.abt{background:#FFF;max-width:1024px;margin:0 auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}
.abt ::selection{background:#14B86D;color:#FFF}
.abt .top{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;padding:72px 24px;align-items:center;position:relative}
.abt .top::before{content:'"';position:absolute;left:16px;top:40px;font-size:240px;line-height:1;color:#14B86D;opacity:.08;z-index:0;pointer-events:none}
.abt .txt{z-index:1;position:relative}
.abt .top h1{font-size:58px;line-height:1.15;margin:0 0 24px;color:#1a1a1a}
.abt .top h1 span{background:linear-gradient(135deg,#14B86D 0%,#84190F 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.abt .top p{font-size:18px;line-height:1.6;color:#2a2a2a;margin:0 0 16px}
.abt .top p:last-of-type{margin-bottom:0}
.abt .imgwrap{position:relative;z-index:1}
.abt .cd{width:100%;height:420px;object-fit:cover;border-radius:3px;display:block;box-shadow:0 7px 25px 1px #14b86d17;filter:sepia(15%) saturate(90%) hue-rotate(180deg) brightness(105%)}
.abt .intro{padding:72px 24px;background:radial-gradient(ellipse at center,#f8f8f8 0%,#e8e8e8 100%);position:relative}
.abt .intro .inwrap{max-width:820px;margin:0 auto}
.abt .intro h2{font-size:22px;line-height:1.4;color:#1a1a1a;margin:0 0 24px;text-transform:uppercase;letter-spacing:.08em}
.abt .intro .split{display:grid;grid-template-columns:1fr 1.5fr;gap:16px}
.abt .intro p{font-size:15px;line-height:1.6;color:#2a2a2a;margin:0}
.abt .intro .split p:first-child{grid-column:1 / -1;font-size:18px;line-height:1.6;margin-bottom:16px}
.abt .intro .split p:nth-child(2){grid-column:1 / 2}
.abt .intro .split p:nth-child(3){grid-column:2 / 3}
.abt .deco{position:absolute;bottom:24px;right:24px;width:120px;height:120px;opacity:.06;pointer-events:none}
.abt .deco svg{width:100%;height:100%}
.abt .tm{padding:72px 24px;position:relative}
.abt .tm h2{font-size:58px;line-height:1.15;margin:0 0 40px;color:#1a1a1a}
.abt .tm h2 span:first-child{font-size:72px;display:inline-block;margin-right:8px;color:#14B86D}
.abt .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.abt .memb{background:#f9f9f9;border-radius:3px;overflow:hidden;transition:transform .38s cubic-bezier(0.34,1.2,0.64,1),box-shadow .38s cubic-bezier(0.34,1.2,0.64,1);position:relative;cursor:default}
.abt .memb:hover{transform:translateY(-8px);box-shadow:0 9px 44px 1px #14b86d1c}
.abt .mimg{width:100%;height:280px;object-fit:cover;display:block}
.abt .minfo{padding:16px}
.abt .minfo h3{font-size:18px;line-height:1.4;margin:0 0 8px;color:#1a1a1a}
.abt .minfo p{font-size:15px;line-height:1.4;margin:0;color:#666}
.abt .hist{padding:40px 24px 72px;background:#FFF;border-top:1px solid #e0e0e0;position:relative}
.abt .hist::before{content:'';position:absolute;top:0;left:0;right:0;height:8px;background:repeating-linear-gradient(135deg,transparent,transparent 8px,#14B86D 8px,#14B86D 10px,transparent 10px,transparent 18px,#84190F 18px,#84190F 20px);opacity:.15}
.abt .hist h2{font-size:22px;line-height:1.4;margin:0 0 24px;color:#1a1a1a}
.abt .gloss{display:grid;grid-template-columns:200px 1fr;gap:24px 40px;max-width:820px}
.abt .gloss dt{font-size:15px;line-height:1.6;color:#1a1a1a;font-weight:600;padding:8px 16px;background:linear-gradient(90deg,#14B86D 0%,transparent 100%);background-size:4px 100%;background-repeat:no-repeat;background-position:left center;margin:0}
.abt .gloss dd{font-size:15px;line-height:1.6;color:#2a2a2a;margin:0;padding:8px 0}
.abt .lnk{display:inline;color:#14B86D;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .32s ease-in-out}
.abt .lnk:hover{border-bottom-color:#14B86D}
.abt .lnk:focus{outline:2px solid #14B86D;outline-offset:2px}
@media (max-width: 1024px) {
.abt .grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.abt .top{grid-template-columns:1fr;padding:40px 16px;gap:24px}
.abt .top h1{font-size:40px}
.abt .cd{height:320px}
.abt .intro{padding:40px 16px}
.abt .intro .split{grid-template-columns:1fr;gap:16px}
.abt .intro .split p:nth-child(2),.abt .intro .split p:nth-child(3){grid-column:1 / -1}
.abt .tm{padding:40px 16px}
.abt .tm h2{font-size:40px}
.abt .tm h2 span:first-child{font-size:58px}
.abt .grid{grid-template-columns:1fr}
.abt .hist{padding:24px 16px 40px}
.abt .gloss{grid-template-columns:1fr;gap:8px}
.abt .gloss dd{margin-bottom:16px}
}
@media (max-width: 640px) {
.abt .top h1{font-size:32px}
.abt .cd{height:240px}
.abt .tm h2{font-size:32px}
.abt .tm h2 span:first-child{font-size:40px}
.abt .mimg{height:220px}
}
.ctpage h1,.ctpage h2,.ctpage h3{font-weight:600;margin:0}
.ctpage p{margin:0}
.ctpage img{max-width:100%;height:auto;display:block}
.ctpage a{text-decoration:none;color:inherit}
.ctpage input,.ctpage select,.ctpage textarea,.ctpage button{font-family:inherit;margin:0}
.ctpage{background:#FFF;color:#1a1a1a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.ctpage ::selection{background:#14B86D;color:#FFF}
.hero-split{display:grid;grid-template-columns:1fr 1fr;min-height:520px;position:relative}
.hero-left{background:#FFF;padding:72px 40px;display:flex;flex-direction:column;justify-content:center;position:relative}
.hero-left::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:3px solid #14b86d26;pointer-events:none;margin:24px}
.hero-right{background:linear-gradient(135deg,#14B86D 0%,#14b86db3 100%);padding:72px 40px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.hero-right::after{content:'';position:absolute;width:280px;height:280px;background:#ffffff14;border-radius:32px;top:-80px;right:-80px;transform:rotate(25deg);pointer-events:none}
.hero-title{font-size:58px;line-height:1.15;color:#1a1a1a;margin-bottom:24px}
.hero-subtitle{font-size:18px;line-height:1.6;color:#4a4a4a;max-width:480px}
.hero-contact-grid{display:flex;flex-direction:column;gap:16px}
.hero-contact-item{display:flex;align-items:center;gap:16px;color:#FFF}
.hero-icon-wrap{width:48px;height:48px;background:#fff3;border-radius:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.hero-icon-shape{width:20px;height:20px;fill:#FFF}
.hero-contact-text{font-size:18px;line-height:1.4}
.hero-contact-label{font-size:15px;opacity:.85;margin-bottom:8px}
.main-wrapper{max-width:1024px;margin:0 auto;padding:0 24px}
.form-section{padding:72px 0;background:#f8f9fa;position:relative}
.form-section::before{content:'';position:absolute;top:0;left:0;right:0;height:32px;background:radial-gradient(circle at 16px 0,transparent 16px,#f8f9fa 16px);background-size:32px 32px;background-repeat:repeat-x}
.form-container{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:40px;align-items:start}
.form-intro{position:relative}
.form-accent{width:64px;height:3px;background:linear-gradient(90deg,#14B86D,#84190F);margin-bottom:24px}
.form-intro h2{font-size:58px;line-height:1.15;color:#1a1a1a;margin-bottom:16px}
.form-intro h2 span{background:linear-gradient(135deg,#14B86D,#84190F);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.form-intro-text{font-size:15px;line-height:1.6;color:#5a5a5a}
.form-main{background:#FFF;padding:40px;border-radius:3px;box-shadow:0 7px 25px 1px #14b86d17}
.form-field{margin-bottom:24px}
.form-label{display:block;font-size:15px;color:#2a2a2a;margin-bottom:8px;font-weight:500}
.form-input{width:100%;padding:16px;border:2px solid #e0e0e0;border-radius:3px;font-size:15px;color:#1a1a1a;transition:border-color .35s cubic-bezier(0.34,1.2,0.64,1)}
.form-input:focus{outline:none;border-color:#14B86D}
.form-input::placeholder{color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.form-select{width:100%;padding:16px;border:2px solid #e0e0e0;border-radius:3px;font-size:15px;color:#1a1a1a;background:#FFF;cursor:pointer;transition:border-color .35s cubic-bezier(0.34,1.2,0.64,1);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%231a1a1a' d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:48px}
.form-select:focus{outline:none;border-color:#14B86D}
.form-privacy{display:flex;align-items:start;gap:8px;margin-bottom:24px}
.form-checkbox{margin-top:8px;width:18px;height:18px;flex-shrink:0;cursor:pointer}
.form-privacy-text{font-size:15px;line-height:1.6;color:#5a5a5a}
.form-privacy-text a{color:#14B86D;text-decoration:underline;transition:color .35s ease-in-out}
.form-privacy-text a:hover{color:#84190F}
.form-submit{width:100%;padding:16px 40px;background:linear-gradient(135deg,#14B86D,#0fa85f);color:#FFF;border:none;border-radius:3px;font-size:18px;font-weight:500;cursor:pointer;position:relative;overflow:hidden;transition:transform .4s cubic-bezier(0.34,1.2,0.64,1),box-shadow .4s cubic-bezier(0.34,1.2,0.64,1)}
.form-submit:hover{transform:translateY(-2px);box-shadow:0 9px 44px 1px #14b86d1c}
.form-submit::before{content:'→';position:absolute;left:-24px;top:50%;transform:translateY(-50%);opacity:0;transition:left .45s cubic-bezier(0.34,1.2,0.64,1),opacity .45s cubic-bezier(0.34,1.2,0.64,1)}
.form-submit:hover::before{left:24px;opacity:1}
.form-submit:hover{padding-left:56px}
.form-image{position:relative;height:100%;min-height:440px}
.form-image img{width:100%;height:100%;object-fit:cover;border-radius:3px;opacity:.8;box-shadow:0 7px 25px 1px #14b86d17;filter:brightness(1.05)}
.info-section{padding:72px 0;background:#FFF}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.info-card{background:#FFF;padding:40px;border-radius:32px;border:2px solid #f0f0f0;transition:transform .42s cubic-bezier(0.34,1.2,0.64,1),box-shadow .42s cubic-bezier(0.34,1.2,0.64,1),border-color .42s cubic-bezier(0.34,1.2,0.64,1);position:relative}
.info-card:hover{transform:translateY(-8px);box-shadow:0 9px 44px 1px #14b86d1c;border-color:#14B86D}
.info-card::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#14B86D,#84190F);border-radius:32px;opacity:0;transition:opacity .38s ease-in-out;z-index:-1;pointer-events:none}
.info-card:hover::before{opacity:.15}
.info-icon-area{width:72px;height:72px;background:linear-gradient(135deg,#14b86d1a,#84190f1a);border-radius:32px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.info-icon-svg{width:32px;height:32px;fill:#14B86D}
.info-card h3{font-size:22px;line-height:1.4;color:#1a1a1a;margin-bottom:16px}
.info-card p{font-size:15px;line-height:1.6;color:#5a5a5a}
.info-card:nth-child(2){transform:translateY(24px)}
.info-card:nth-child(2):hover{transform:translateY(16px)}
@media (max-width: 1024px) {
.hero-split{grid-template-columns:1fr}
.hero-left,.hero-right{padding:56px 32px}
.form-container{grid-template-columns:1fr}
.form-image{display:none}
.info-grid{grid-template-columns:1fr;gap:24px}
.info-card:nth-child(2){transform:none}
.info-card:hover{transform:translateY(-4px)}
.info-card:nth-child(2):hover{transform:translateY(-4px)}
}
@media (max-width: 768px) {
.hero-title{font-size:42px}
.form-intro h2{font-size:42px}
.hero-left,.hero-right{padding:40px 24px}
.form-section{padding:56px 0}
.form-main{padding:24px}
.info-section{padding:56px 0}
.info-card{padding:24px}
}
@media (max-width: 640px) {
.hero-title{font-size:32px}
.form-intro h2{font-size:32px}
.hero-contact-text{font-size:15px}
.form-submit{font-size:15px}
}
.hp{background:#FFF;min-height:100vh}
.hp .hro{position:relative;max-width:1024px;margin:0 auto;padding:72px 24px;display:grid;grid-template-columns:1fr 1.5fr;gap:40px;align-items:center}
.hp .hro-lft{position:relative;z-index:2}
.hp .hro-ttl{font-size:58px;line-height:1.15;color:#000;margin:0 0 24px;letter-spacing:-.02em}
.hp .hro-ttl .grad{background:linear-gradient(135deg,#14B86D 0%,#84190F 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hp .hro-txt{font-size:18px;line-height:1.6;color:#333;margin:0 0 40px}
.hp .hro-btn{display:inline-flex;align-items:center;padding:16px 40px;background:#14B86D;color:#FFF;font-size:18px;text-decoration:none;border-radius:3px;box-shadow:0 7px 25px 1px #14b86d17;overflow:hidden;position:relative;transition:transform .38s cubic-bezier(0.34,1.2,0.64,1)}
.hp .hro-btn:hover{transform:translateX(8px)}
.hp .hro-rgt{position:relative;height:420px;border-radius:3px;overflow:hidden;box-shadow:0 9px 44px 1px #14b86d1c}
.hp .hro-img{width:100%;height:100%;object-fit:cover;filter:sepia(0.15) saturate(0.85) brightness(1.05)}
.hp .hro-dots{position:absolute;left:-40px;bottom:40px;display:flex;gap:8px;z-index:1}
.hp .hro-dots span{width:8px;height:8px;background:#14B86D;border-radius:50%;opacity:0;animation:dotfade .42s ease-in-out forwards}
.hp .hro-dots span:nth-child(1){animation-delay:.15s}
.hp .hro-dots span:nth-child(2){animation-delay:.3s}
.hp .hro-dots span:nth-child(3){animation-delay:.45s}
.hp .hro-dots span:nth-child(4){animation-delay:.6s}
.hp .hro-dots span:nth-child(5){animation-delay:.75s}
@keyframes dotfade {
to{opacity:.4}
}
.hp .analys{background:linear-gradient(180deg,#FFF 0%,#14b86d08 100%);padding:72px 24px;position:relative}
.hp .analys-wrap{max-width:1024px;margin:0 auto}
.hp .analys-hd{font-size:72px;line-height:1.15;color:#000;margin:0 0 40px;text-align:center}
.hp .analys-hd .lrg{font-size:72px;color:#14B86D}
.hp .analys-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}
.hp .analys-card{background:#FFF;padding:40px 24px;border-radius:32px;box-shadow:0 3px 3px 1px #14b86d0d;text-align:center;opacity:0;transform:translateY(40px);animation:slidup .45s cubic-bezier(0.34,1.2,0.64,1) forwards}
.hp .analys-card:nth-child(1){animation-delay:.2s}
.hp .analys-card:nth-child(2){animation-delay:.35s}
.hp .analys-card:nth-child(3){animation-delay:.5s}
@keyframes slidup {
to{opacity:1;transform:translateY(0)}
}
.hp .analys-icn{width:64px;height:64px;margin:0 auto 24px;position:relative}
.hp .analys-icn svg{width:100%;height:100%;fill:#14B86D}
.hp .analys-num{font-size:58px;line-height:1.15;color:#84190F;margin:0 0 16px}
.hp .analys-lbl{font-size:18px;line-height:1.4;color:#333;margin:0}
.hp .srvcs{padding:72px 24px}
.hp .srvcs-wrap{max-width:1024px;margin:0 auto}
.hp .srvcs-hd{font-size:58px;line-height:1.15;color:#000;margin:0 0 16px}
.hp .srvcs-sub{font-size:22px;line-height:1.6;color:#333;margin:0 0 40px;max-width:720px}
.hp .srvcs-sub .mrk{background:linear-gradient(180deg,transparent 60%,#14B86D 60%);padding:0 8px}
.hp .srvcs-row{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:24px;margin:0 0 24px}
.hp .srvcs-item{position:relative;background:#FFF;border:1px solid #14b86d26;border-radius:3px;overflow:hidden;transition:box-shadow .35s ease-in-out}
.hp .srvcs-item:hover{box-shadow:0 7px 25px 1px #14b86d17}
.hp .srvcs-imgwrp{width:100%;height:240px;overflow:hidden}
.hp .srvcs-img{width:100%;height:100%;object-fit:cover;transition:transform .42s cubic-bezier(0.34,1.2,0.64,1);filter:sepia(0.15) saturate(0.85) brightness(1.05)}
.hp .srvcs-item:hover .srvcs-img{transform:scale(1.08)}
.hp .srvcs-cont{padding:24px}
.hp .srvcs-ttl{font-size:22px;line-height:1.4;color:#000;margin:0 0 16px}
.hp .srvcs-desc{font-size:15px;line-height:1.6;color:#555;margin:0}
.hp .srvcs-item.wide{grid-column:span 1}
.hp .cntct{background:linear-gradient(135deg,#14b86d14 0%,#84190f0f 100%);padding:72px 24px;position:relative}
.hp .cntct-wrap{max-width:1024px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.hp .cntct-lft h2{font-size:58px;line-height:1.15;color:#000;margin:0 0 24px}
.hp .cntct-lft h2 .em{font-size:72px;color:#14B86D}
.hp .cntct-lft p{font-size:18px;line-height:1.6;color:#333;margin:0 0 16px}
.hp .cntct-dt{display:flex;align-items:center;gap:16px;margin:0 0 16px}
.hp .cntct-dt svg{width:24px;height:24px;fill:#14B86D;flex-shrink:0}
.hp .cntct-dt span{font-size:18px;line-height:1.4;color:#000}
.hp .cntct-dt a{font-size:18px;line-height:1.4;color:#14B86D;text-decoration:none;transition:color .32s ease-in-out}
.hp .cntct-dt a:hover{color:#84190F}
.hp .cntct-rgt{background:#FFF;padding:40px;border-radius:32px;box-shadow:0 9px 44px 1px #14b86d1c}
.hp .cntct-form{display:flex;flex-direction:column;gap:24px}
.hp .cntct-fld{display:flex;flex-direction:column;gap:8px}
.hp .cntct-lbl{font-size:15px;line-height:1.4;color:#333}
.hp .cntct-inp{padding:16px;border:1px solid #14b86d40;border-radius:3px;font-size:15px;line-height:1.4;color:#000;background:#FFF;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out}
.hp .cntct-inp:focus{outline:none;border-color:#14B86D;box-shadow:0 3px 3px 1px #14b86d0d}
.hp .cntct-inp::placeholder{color:#999;text-overflow:ellipsis}
.hp .cntct-txtarea{padding:16px;border:1px solid #14b86d40;border-radius:3px;font-size:15px;line-height:1.6;color:#000;background:#FFF;min-height:140px;resize:vertical;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out}
.hp .cntct-txtarea:focus{outline:none;border-color:#14B86D;box-shadow:0 3px 3px 1px #14b86d0d}
.hp .cntct-txtarea::placeholder{color:#999}
.hp .cntct-submit{padding:16px 40px;background:#14B86D;color:#FFF;font-size:18px;border:none;border-radius:3px;cursor:pointer;transition:background .35s cubic-bezier(0.34,1.2,0.64,1),transform .35s cubic-bezier(0.34,1.2,0.64,1);box-shadow:0 3px 3px 1px #14b86d0d}
.hp .cntct-submit:hover{background:#84190F;transform:translateY(-2px);box-shadow:0 7px 25px 1px #84190f17}
@media (max-width: 1024px) {
.hp .hro{grid-template-columns:1fr;gap:40px}
.hp .hro-rgt{height:360px}
.hp .analys-grid{grid-template-columns:1fr 1fr;gap:24px}
.hp .srvcs-row{grid-template-columns:1fr 1fr}
.hp .cntct-wrap{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 768px) {
.hp .hro{padding:40px 16px}
.hp .hro-ttl{font-size:40px}
.hp .hro-txt{font-size:15px}
.hp .hro-rgt{height:280px}
.hp .analys{padding:40px 16px}
.hp .analys-hd{font-size:40px}
.hp .analys-hd .lrg{font-size:40px}
.hp .analys-grid{grid-template-columns:1fr}
.hp .srvcs{padding:40px 16px}
.hp .srvcs-hd{font-size:40px}
.hp .srvcs-sub{font-size:18px}
.hp .srvcs-row{grid-template-columns:1fr}
.hp .cntct{padding:40px 16px}
.hp .cntct-lft h2{font-size:40px}
.hp .cntct-lft h2 .em{font-size:40px}
.hp .cntct-rgt{padding:24px}
}
.hp ::selection{background:#14B86D;color:#FFF}
.hp ::-webkit-scrollbar{width:8px}
.hp ::-webkit-scrollbar-track{background:#14b86d0d}
.hp ::-webkit-scrollbar-thumb{background:#14B86D;border-radius:3px}
.cnf{background:linear-gradient(135deg,#FFF 0%,#f8f9fa 100%);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 16px;position:relative;overflow:hidden}
.cnf::before{content:'';position:absolute;top:-50%;left:-10%;width:120%;height:200%;background:radial-gradient(circle at 30% 40%,#14b86d14 0%,transparent 60%);pointer-events:none;z-index:1}
.cnf::after{content:'';position:absolute;bottom:10%;right:15%;width:280px;height:280px;background:radial-gradient(circle,#84190f0f 0%,transparent 70%);pointer-events:none;z-index:1}
.wrap{max-width:1024px;width:100%;position:relative;z-index:2}
.success-container{background:#FFF;border-radius:32px;padding:72px 40px;box-shadow:0 9px 44px 1px #14b86d1c;position:relative;overflow:hidden}
.success-container::before{content:'';position:absolute;top:0;left:0;width:100%;height:8px;background:linear-gradient(90deg,#14B86D 0%,#84190F 100%)}
.success-container::after{content:'';position:absolute;bottom:40px;right:40px;width:160px;height:2px;background:repeating-linear-gradient(90deg,#14B86D 0px,#14B86D 12px,transparent 12px,transparent 24px);transform:rotate(-45deg);transform-origin:right center;opacity:.3}
.icon-area{display:flex;justify-content:center;margin-bottom:40px;position:relative}
.check-mark{width:120px;height:120px;background:linear-gradient(135deg,#14B86D 0%,#0f9456 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;animation:scale-in .45s cubic-bezier(0.34,1.2,0.64,1) forwards;box-shadow:0 7px 25px 1px #14b86d40}
@keyframes scale-in {
0%{transform:scale(0);opacity:0}
100%{transform:scale(1);opacity:1}
}
.check-mark::before{content:'';position:absolute;width:38px;height:20px;border-left:5px solid #FFF;border-bottom:5px solid #FFF;transform:rotate(-45deg) translate(3px,-3px);animation:draw-check .35s cubic-bezier(0.34,1.2,0.64,1) .3s forwards;opacity:0}
@keyframes draw-check {
0%{opacity:0;transform:rotate(-45deg) translate(3px,-3px) scale(0)}
100%{opacity:1;transform:rotate(-45deg) translate(3px,-3px) scale(1)}
}
.check-mark::after{content:'';position:absolute;width:140px;height:140px;border:3px solid #14B86D;border-radius:50%;opacity:.2;animation:pulse-ring 1.5s ease-in-out .6s infinite}
@keyframes pulse-ring {
0%{transform:scale(1);opacity:.2}
50%{transform:scale(1.15);opacity:0}
100%{transform:scale(1);opacity:0}
}
.txt{text-align:center}
.title{font-size:58px;line-height:1.15;color:#1a1a1a;margin-bottom:24px;font-weight:700;animation:fade-up .4s ease-in-out .5s forwards;opacity:0}
@keyframes fade-up {
0%{opacity:0;transform:translateY(16px)}
100%{opacity:1;transform:translateY(0)}
}
.title .highlight{background:linear-gradient(135deg,#14B86D 0%,#84190F 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.msg{font-size:18px;line-height:1.6;color:#4a4a4a;margin-bottom:40px;max-width:580px;margin-left:auto;margin-right:auto;animation:fade-up .4s ease-in-out .65s forwards;opacity:0;animation-delay:.65s}
.actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;animation:fade-up .4s ease-in-out .8s forwards;opacity:0}
.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:16px 40px;background:#14B86D;color:#FFF;font-size:18px;font-weight:600;border:none;border-radius:32px;text-decoration:none;cursor:pointer;transition:transform .35s cubic-bezier(0.34,1.2,0.64,1),box-shadow .35s cubic-bezier(0.34,1.2,0.64,1),background .35s cubic-bezier(0.34,1.2,0.64,1);box-shadow:0 3px 3px 1px #14b86d26;position:relative;overflow:hidden}
.btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,#fff3 50%,transparent 100%);transition:left .4s ease-in-out}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 7px 25px 1px #14b86d40;background:#12a563}
.btn-primary:hover::before{left:100%}
.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:16px 40px;background:#FFF;color:#14B86D;font-size:18px;font-weight:600;border:2px solid #14B86D;border-radius:32px;text-decoration:none;cursor:pointer;transition:background .3s ease-in-out,color .3s ease-in-out,transform .3s cubic-bezier(0.34,1.2,0.64,1);box-shadow:0 3px 3px 1px #14b86d0d}
.btn-secondary:hover{background:#14B86D;color:#FFF;transform:translateY(-2px)}
.info-bar{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin-top:72px;padding-top:40px;border-top:2px dashed #14b86d33}
.metric{text-align:center;padding:24px 16px;background:linear-gradient(135deg,#14b86d08 0%,#84190f08 100%);border-radius:3px;position:relative;transition:transform .38s cubic-bezier(0.34,1.2,0.64,1)}
.metric:hover{transform:translateY(-4px)}
.metric:hover + .metric{transform:translateX(8px) scale(1.02)}
.metric-number{display:flex;align-items:center;justify-content:center;gap:8px;font-size:72px;line-height:1.15;font-weight:700;color:#14B86D;margin-bottom:8px}
.circle-badge{width:48px;height:48px;background:#84190F;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#FFF;font-size:22px;font-weight:700;flex-shrink:0}
.metric-label{font-size:15px;line-height:1.4;color:#4a4a4a;font-weight:600}
@media (max-width: 768px) {
.cnf{padding:24px 16px}
.success-container{padding:40px 24px}
.check-mark{width:96px;height:96px}
.check-mark::before{width:30px;height:16px;border-left:4px solid #FFF;border-bottom:4px solid #FFF}
.title{font-size:40px}
.msg{font-size:16px}
.actions{flex-direction:column;align-items:stretch}
.btn-primary,.btn-secondary{justify-content:center}
.info-bar{grid-template-columns:1fr;gap:16px;margin-top:40px;padding-top:24px}
.metric-number{font-size:58px}
.circle-badge{width:40px;height:40px;font-size:18px}
}
@media (max-width: 640px) {
.title{font-size:32px}
.btn-primary,.btn-secondary{font-size:16px;padding:14px 32px}
.metric-number{font-size:48px}
}
::selection{background:#14B86D;color:#FFF}