*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Ubuntu',sans-serif;line-height:1.6;color:#2a2a2a;background:linear-gradient(135deg,#fff 0%,#F2E0D7 100%);min-height:100vh;display:flex;flex-direction:column}
.head-wrap{background:linear-gradient(158deg,#fff 0%,#F2E0D7 45%,#00A0CA 100%);box-shadow:0 4px 20px #36062014;padding:0}
.top-info-bar{background:#360620f2;padding:8px 0;text-align:center;font-size:13px;color:#F2E0D7;font-family:'Roboto Mono',monospace}
.top-info-bar a{color:#00A0CA;text-decoration:none;margin:0 15px;transition:color 420ms ease}
.top-info-bar a:hover{color:#F2E0D7}
.head-main-tier{max-width:1320px;margin:0 auto;padding:22px 20px 18px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.brand-identity-block{display:flex;align-items:center;gap:18px}
.logo-container-2{width:95px;height:95px;background:#ffffffe6;border-radius:18px;padding:12px;box-shadow:0 6px 24px #00a0ca26;display:flex;align-items:center;justify-content:center}
.logo-container-2 img{width:100%;height:100%;object-fit:contain}
.company-title-3{font-size:28px;font-weight:700;color:#360620;letter-spacing:-.5px}
.contact-info-display{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#360620}
.contact-info-display a{color:#360620;text-decoration:none;transition:color 450ms ease;font-family:'Roboto Mono',monospace}
.contact-info-display a:hover{color:#00A0CA}
.navi-tier{background:#ffffffd9;border-top:2px solid #00a0ca33}
.navi-wrap-4{max-width:1320px;margin:0 auto;padding:0 20px}
.main-navi-5{display:flex;justify-content:center;align-items:center;list-style:none;gap:5px}
.main-navi-5 li{position:relative}
.main-navi-5 a{display:block;padding:18px 26px;color:#360620;text-decoration:none;font-weight:500;font-size:15px;transition:background 480ms ease,color 480ms ease;border-radius:8px}
.main-navi-5 a:hover{background:#00a0ca1f;color:#00A0CA}
main{flex:1}
.foot-section{background:linear-gradient(162deg,#360620 0%,#1a0310 100%);color:#F2E0D7;padding:55px 20px 30px;margin-top:80px;position:relative}
.foot-section::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00A0CA 0%,#360620 50%,#00A0CA 100%)}
.foot-content-main{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px;margin-bottom:40px}
.foot-col-1 h3{color:#00A0CA;font-size:19px;margin-bottom:18px;font-weight:700}
.foot-col-1 p{margin-bottom:12px;font-size:14px;line-height:1.8}
.foot-col-1 a{color:#F2E0D7;text-decoration:none;transition:color 440ms ease}
.foot-col-1 a:hover{color:#00A0CA}
.foot-links-7{list-style:none}
.foot-links-7 li{margin-bottom:10px}
.foot-links-7 a{color:#F2E0D7;text-decoration:none;font-size:14px;transition:color 420ms ease;display:inline-block}
.foot-links-7 a:hover{color:#00A0CA}
.copyright-strip{text-align:center;padding-top:28px;border-top:1px solid #f2e0d733;font-size:13px;color:#f2e0d7bf}
.cookie-popup-9{position:fixed;right:-420px;top:50%;transform:translateY(-50%);width:380px;background:linear-gradient(145deg,#fff 0%,#F2E0D7 100%);border-radius:20px;padding:28px;box-shadow:0 12px 48px #36062040;z-index:10000;transition:right 580ms cubic-bezier(0.68,-0.55,0.265,1.55);border:2px solid #00a0ca4d}
.cookie-popup-9[data-visible="true"]{right:30px}
.cookie-popup-9 h3{color:#360620;font-size:20px;margin-bottom:14px;font-weight:700}
.cookie-popup-9 p{color:#360620;font-size:14px;line-height:1.7;margin-bottom:20px}
.cookie-actions-11{display:flex;gap:12px;flex-wrap:wrap}
.btn-cookie-12{flex:1;padding:13px 20px;border:none;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:all 460ms ease;font-family:'Ubuntu',sans-serif;min-width:120px}
.btn-accept-13{background:linear-gradient(135deg,#00A0CA 0%,#08a 100%);color:#fff}
.btn-accept-13:hover{background:linear-gradient(135deg,#08a 0%,#068 100%);transform:translateY(-2px);box-shadow:0 8px 20px #00a0ca4d}
.btn-decline-14{background:#3606201a;color:#360620}
.btn-decline-14:hover{background:#36062033;transform:translateY(-2px)}
.btn-customize-15{width:100%;background:transparent;color:#360620;border:2px solid #00a0ca66;margin-top:8px}
.btn-customize-15:hover{background:#00a0ca1a;border-color:#00A0CA}
.cookie-link-footer{color:#F2E0D7;text-decoration:underline;cursor:pointer;font-size:13px;margin-top:12px;display:inline-block}
.cookie-link-footer:hover{color:#00A0CA}
@media (max-width: 968px) {
.head-main-tier{flex-direction:column;text-align:center;gap:25px}
.contact-info-display{align-items:center}
.main-navi-5{flex-wrap:wrap}
.foot-content-main{grid-template-columns:1fr;gap:35px;text-align:center}
.cookie-popup-9{width:340px;right:-370px}
.cookie-popup-9[data-visible="true"]{right:15px}
}
@media (max-width: 580px) {
.brand-identity-block{flex-direction:column}
.company-title-3{font-size:22px}
.main-navi-5{flex-direction:column;width:100%}
.main-navi-5 li{width:100%}
.main-navi-5 a{width:100%;text-align:center}
.cookie-popup-9{width:calc(100% - 30px);right:-100%}
.cookie-popup-9[data-visible="true"]{right:15px}
.cookie-actions-11{flex-direction:column}
.btn-cookie-12{width:100%}
}
.policy-region{max-width:1320px;margin:0 auto;padding:80px 20px;background:linear-gradient(135deg,#fff 0%,#F2E0D7 100%)}
.policy-region h1{font-size:48px;line-height:1.2;color:#360620;margin:0 0 40px;font-weight:700;letter-spacing:-.5px}
.policy-region h2{font-size:36px;line-height:1.3;color:#360620;margin:60px 0 24px;font-weight:600;letter-spacing:-.3px}
.policy-region h3{font-size:28px;line-height:1.4;color:#00A0CA;margin:48px 0 20px;font-weight:600}
.policy-region h4{font-size:22px;line-height:1.4;color:#360620;margin:36px 0 16px;font-weight:600}
.policy-region h5{font-size:18px;line-height:1.5;color:#360620;margin:28px 0 12px;font-weight:600}
.policy-region h6{font-size:16px;line-height:1.5;color:#00A0CA;margin:24px 0 12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.policy-region p{font-size:17px;line-height:1.8;color:#2a2a2a;margin:0 0 20px;max-width:800px}
.policy-region em,.policy-region i{font-style:italic;color:#360620}
.policy-region a{color:#00A0CA;text-decoration:none;border-bottom:2px solid transparent;transition:all 450ms ease;font-weight:500}
.policy-region a:hover{color:#360620;border-bottom-color:#360620}
.policy-region a:focus{outline:3px solid #00A0CA;outline-offset:4px;border-radius:3px}
.policy-region table{width:100%;border-collapse:separate;border-spacing:0;margin:40px 0;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #36062014}
.policy-region thead{background:linear-gradient(135deg,#00A0CA 0%,#360620 100%)}
.policy-region thead tr{border:none}
.policy-region thead th{padding:20px 24px;text-align:left;font-size:16px;font-weight:600;color:#fff;letter-spacing:.3px}
.policy-region tbody tr{border-bottom:1px solid #F2E0D7;transition:background 400ms ease}
.policy-region tbody tr:last-child{border-bottom:none}
.policy-region tbody tr:hover{background:#F2E0D7}
.policy-region tbody td{padding:18px 24px;font-size:16px;line-height:1.6;color:#2a2a2a}
.policy-region th{font-weight:600}
.policy-region td{font-weight:400}
.policy-region hr{border:none;height:2px;background:linear-gradient(90deg,#00A0CA 0%,#F2E0D7 50%,#360620 100%);margin:60px 0;border-radius:4px;opacity:.3}
@media (max-width: 1024px) {
.policy-region{padding:60px 32px}
.policy-region h1{font-size:40px;margin-bottom:32px}
.policy-region h2{font-size:32px;margin-top:48px}
.policy-region h3{font-size:24px;margin-top:40px}
.policy-region table{margin:32px 0}
}
@media (max-width: 768px) {
.policy-region{padding:48px 24px}
.policy-region h1{font-size:32px;margin-bottom:28px}
.policy-region h2{font-size:26px;margin-top:40px;margin-bottom:20px}
.policy-region h3{font-size:22px;margin-top:32px;margin-bottom:16px}
.policy-region h4{font-size:19px;margin-top:28px}
.policy-region h5{font-size:17px;margin-top:24px}
.policy-region h6{font-size:15px}
.policy-region p{font-size:16px;line-height:1.7;margin-bottom:18px}
.policy-region table{font-size:14px;margin:28px 0;border-radius:12px}
.policy-region thead th{padding:16px;font-size:14px}
.policy-region tbody td{padding:14px 16px;font-size:14px}
.policy-region hr{margin:48px 0}
}
@media (max-width: 480px) {
.policy-region{padding:40px 16px}
.policy-region h1{font-size:28px;margin-bottom:24px}
.policy-region h2{font-size:23px;margin-top:36px}
.policy-region h3{font-size:20px;margin-top:28px}
.policy-region p{font-size:15px;line-height:1.65}
.policy-region table{display:block;overflow-x:auto;white-space:nowrap;border-radius:8px}
.policy-region thead th{padding:12px;font-size:13px}
.policy-region tbody td{padding:12px;font-size:13px}
}
.domain-about-hero{position:relative;min-height:520px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(147deg,#F2E0D7 0%,#fff 100%);margin-bottom:72px}
.domain-about-hero::before{content:'';position:absolute;width:280px;height:280px;background:radial-gradient(circle,#00a0ca14 0%,transparent 70%);border-radius:50%;top:-80px;right:15%;z-index:1}
.domain-about-hero::after{content:'';position:absolute;width:160px;height:160px;background:radial-gradient(circle,#3606200d 0%,transparent 70%);border-radius:50%;bottom:-40px;left:10%;z-index:1}
.hearo-img-wrap{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}
.hearo-img-wrap img{width:100%;height:100%;object-fit:cover;opacity:.12}
.hero-conten-box{position:relative;z-index:3;max-width:1320px;margin:0 auto;padding:80px 24px}
.hero-text-contain{max-width:720px;background:#ffffffeb;padding:48px 52px;border-radius:20px;box-shadow:0 12px 40px #36062014}
.hero-text-contain h1{font-size:2.8rem;line-height:1.2;color:#360620;margin:0 0 24px;font-weight:700}
.hero-text-contain p{font-size:1.15rem;line-height:1.65;color:#2a2a2a;margin:0}
.stry-sect{max-width:1320px;margin:0 auto 88px;padding:0 24px}
.stry-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.stry-txt-side h2{font-size:2.2rem;line-height:1.25;color:#360620;margin:0 0 28px;font-weight:700}
.stry-txt-side h2::before{content:'';display:block;width:48px;height:4px;background:linear-gradient(90deg,#00A0CA 0%,#00A0CA 70%,transparent 100%);margin-bottom:20px;border-radius:2px}
.stry-txt-side p{font-size:1.05rem;line-height:1.7;color:#3a3a3a;margin:0 0 20px}
.stry-txt-side p:last-of-type{margin-bottom:0}
.stry-visual-col{display:flex;flex-direction:column;gap:24px}
.stry-img-card{border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #00000017;transition:all 480ms ease}
.stry-img-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #00000021}
.stry-img-card img{width:100%;height:auto;display:block}
.stry-img-card:nth-child(1) img{height:280px;object-fit:cover}
.stry-img-card:nth-child(2) img{height:340px;object-fit:cover}
.approach-wrapper{background:linear-gradient(218deg,#360620 0%,#4a0d2e 100%);padding:96px 24px;position:relative;overflow:hidden}
.approach-wrapper::before{content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle,#00a0ca1f 0%,transparent 65%);border-radius:50%;top:-120px;left:-100px}
.approach-wrapper::after{content:'';position:absolute;width:320px;height:320px;background:radial-gradient(circle,#f2e0d714 0%,transparent 65%);border-radius:50%;bottom:-80px;right:-60px}
.approach-inner{max-width:1320px;margin:0 auto;position:relative;z-index:2}
.approach-header{text-align:center;margin-bottom:64px}
.approach-header h2{font-size:2.4rem;line-height:1.25;color:#fff;margin:0 0 20px;font-weight:700}
.approach-header p{font-size:1.1rem;line-height:1.6;color:#F2E0D7;margin:0;max-width:680px;margin:0 auto}
.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.method-card{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:18px;padding:40px 32px;transition:all 520ms ease;position:relative}
.method-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(145deg,#00a0ca14 0%,transparent 100%);border-radius:18px;opacity:0;transition:opacity 480ms ease}
.method-card:hover{background:#ffffff1a;border-color:#00a0ca66;transform:translateY(-8px);box-shadow:0 20px 48px #0003}
.method-card:hover::before{opacity:1}
.method-icon{width:56px;height:56px;background:linear-gradient(135deg,#00A0CA 0%,#0088ab 100%);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;position:relative;z-index:2}
.method-icon svg{width:28px;height:28px;fill:#fff}
.method-card h3{font-size:1.4rem;line-height:1.3;color:#fff;margin:0 0 16px;font-weight:600;position:relative;z-index:2}
.method-card p{font-size:1rem;line-height:1.65;color:#F2E0D7;margin:0;position:relative;z-index:2}
.visual-showcase{display:grid;grid-template-columns:1fr;gap:28px;margin-top:56px}
.showcase-img-frame{border-radius:20px;overflow:hidden;box-shadow:0 16px 48px #00000040;transition:all 500ms ease}
.showcase-img-frame:hover{transform:scale(1.02);box-shadow:0 24px 64px #00000059}
.showcase-img-frame img{width:100%;height:380px;object-fit:cover;display:block}
@media (max-width: 1024px) {
.stry-grid{grid-template-columns:1fr;gap:48px}
.method-grid{grid-template-columns:1fr;gap:28px}
.hero-text-contain h1{font-size:2.2rem}
.approach-header h2{font-size:2rem}
}
@media (max-width: 768px) {
.domain-about-hero{min-height:420px}
.hero-text-contain{padding:36px 28px}
.hero-text-contain h1{font-size:1.9rem}
.hero-text-contain p{font-size:1.05rem}
.stry-txt-side h2{font-size:1.8rem}
.approach-wrapper{padding:64px 24px}
.approach-header h2{font-size:1.8rem}
.method-card{padding:32px 24px}
.showcase-img-frame img{height:280px}
}
@media (max-width: 480px) {
.hero-conten-box{padding:60px 16px}
.hero-text-contain h1{font-size:1.6rem}
.stry-sect{margin-bottom:64px}
.stry-txt-side h2{font-size:1.6rem}
}
.page-primary .visual-hdr{position:relative;min-height:580px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(127deg,#00A0CA 0%,#360620 100%);padding:80px 24px}
.page-primary .visual-hdr .imagery-grid{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:2px;opacity:.18;filter:blur(1px)}
.page-primary .visual-hdr .imagery-grid .img-frag{width:100%;height:100%;object-fit:cover;transition:all 480ms ease}
.page-primary .visual-hdr .imagery-grid .img-frag:hover{filter:brightness(1.4);transform:scale(1.05)}
.page-primary .visual-hdr .img-frag:nth-child(1){grid-column:1 / 3;grid-row:1 / 2}
.page-primary .visual-hdr .img-frag:nth-child(2){grid-column:3 / 5;grid-row:1 / 3}
.page-primary .visual-hdr .img-frag:nth-child(3){grid-column:1 / 2;grid-row:2 / 4}
.page-primary .visual-hdr .img-frag:nth-child(4){grid-column:2 / 5;grid-row:3 / 4}
.page-primary .visual-hdr::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#00a0ca59 0%,transparent 70%);animation:glow-pulse 8s ease-in-out infinite;pointer-events:none}
@keyframes glow-pulse {
0%,100%{opacity:.3;transform:scale(1)}
50%{opacity:.6;transform:scale(1.1)}
}
.page-primary .visual-hdr .content-overlay{position:relative;z-index:2;max-width:920px;text-align:center;color:#fff}
.page-primary .visual-hdr .content-overlay .main-hdg{font-size:56px;font-weight:700;line-height:1.15;margin:0 0 28px;text-shadow:0 4px 24px #0006}
.page-primary .visual-hdr .content-overlay .sub-line{font-size:20px;line-height:1.6;margin:0 0 18px;opacity:.95}
.page-primary .visual-hdr .content-overlay .cta-wrap{margin-top:42px;display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.page-primary .visual-hdr .content-overlay .butt-primary{padding:16px 38px;background:#F2E0D7;color:#360620;font-size:17px;font-weight:600;border:none;border-radius:8px;text-decoration:none;display:inline-block;transition:all 420ms ease;box-shadow:0 6px 28px #f2e0d74d;z-index:10;position:relative}
.page-primary .visual-hdr .content-overlay .butt-primary:hover{background:#fff;transform:translateY(-3px);box-shadow:0 10px 36px #f2e0d780}
.page-primary .visual-hdr .content-overlay .butt-secondary{padding:16px 38px;background:transparent;color:#fff;font-size:17px;font-weight:600;border:2px solid #ffffff80;border-radius:8px;text-decoration:none;display:inline-block;transition:all 420ms ease;z-index:10;position:relative}
.page-primary .visual-hdr .content-overlay .butt-secondary:hover{border-color:#fff;background:#ffffff1a;transform:translateY(-3px)}
.audience-spectrum{padding:96px 24px;background:linear-gradient(165deg,#F2E0D7 0%,#fff 100%)}
.audience-spectrum .section-contain{max-width:1320px;margin:0 auto}
.audience-spectrum .sec-title{font-size:42px;font-weight:700;color:#360620;margin:0 0 16px;text-align:center;line-height:1.2}
.audience-spectrum .sec-desc{font-size:18px;color:#360620;opacity:.8;text-align:center;max-width:720px;margin:0 auto 64px;line-height:1.65}
.audience-spectrum .level-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.audience-spectrum .level-card{background:#fff;padding:36px 28px;border-radius:16px;border:2px solid transparent;transition:all 480ms ease;box-shadow:0 4px 16px #36062014}
.audience-spectrum .level-card:hover{transform:translateY(-6px);border-color:#00A0CA;box-shadow:0 12px 32px #00a0ca33}
.audience-spectrum .level-card .card-icon{width:56px;height:56px;background:linear-gradient(135deg,#00A0CA,#360620);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:#fff;font-size:28px;font-weight:700}
.audience-spectrum .level-card .card-hdg{font-size:24px;font-weight:700;color:#360620;margin:0 0 14px;line-height:1.3}
.audience-spectrum .level-card .card-txt{font-size:16px;color:#360620;opacity:.75;line-height:1.7;margin:0}
.quality-bench{padding:88px 24px;background:#fff;position:relative}
.quality-bench::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml,<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg"><rect width="1" height="1" fill="%2300A0CA" opacity="0.05"/></svg>');background-size:60px 60px;pointer-events:none}
.quality-bench .section-contain{max-width:1320px;margin:0 auto;position:relative;z-index:2}
.quality-bench .flex-layout{display:flex;gap:56px;align-items:center}
.quality-bench .img-side{flex:1;position:relative}
.quality-bench .img-side .feature-img{width:100%;height:auto;border-radius:20px;box-shadow:0 16px 48px #36062026;transition:all 520ms ease}
.quality-bench .img-side .feature-img:hover{transform:scale(1.02);box-shadow:0 20px 56px #00a0ca40}
.quality-bench .txt-side{flex:1}
.quality-bench .txt-side .section-label{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;color:#00A0CA;margin:0 0 16px}
.quality-bench .txt-side .sec-hdg{font-size:38px;font-weight:700;color:#360620;margin:0 0 24px;line-height:1.25}
.quality-bench .txt-side .desc-para{font-size:17px;color:#360620;opacity:.8;line-height:1.75;margin:0 0 28px}
.quality-bench .txt-side .standards-list{margin:32px 0}
.quality-bench .txt-side .standard-item{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px;padding:18px;background:linear-gradient(135deg,#f2e0d766,#f2e0d71a);border-radius:12px;border-left:4px solid #00A0CA;transition:all 440ms ease}
.quality-bench .txt-side .standard-item:hover{background:linear-gradient(135deg,#00a0ca26,#f2e0d74d);transform:translateX(6px)}
.quality-bench .txt-side .standard-item .check-icon{width:28px;height:28px;flex-shrink:0;display:inline-block}
.quality-bench .txt-side .standard-item .check-icon svg{width:100%;height:100%}
.quality-bench .txt-side .standard-item .item-content{flex:1}
.quality-bench .txt-side .standard-item .item-title{font-size:18px;font-weight:700;color:#360620;margin:0 0 6px}
.quality-bench .txt-side .standard-item .item-desc{font-size:15px;color:#360620;opacity:.75;margin:0;line-height:1.6}
.solutions-map{padding:92px 24px;background:linear-gradient(198deg,#360620 0%,#00A0CA 100%);position:relative;overflow:hidden}
.solutions-map::after{content:'';position:absolute;bottom:-40%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#f2e0d733 0%,transparent 70%);border-radius:50%;pointer-events:none}
.solutions-map .section-contain{max-width:1320px;margin:0 auto;position:relative;z-index:2}
.solutions-map .sec-hd{font-size:44px;font-weight:700;color:#fff;text-align:center;margin:0 0 18px;line-height:1.2}
.solutions-map .sec-subline{font-size:19px;color:#F2E0D7;text-align:center;max-width:780px;margin:0 auto 68px;line-height:1.65;opacity:.95}
.solutions-map .problems-solve{display:grid;grid-template-columns:repeat(2,1fr);gap:36px}
.solutions-map .problem-block{background:#ffffff14;backdrop-filter:blur(10px);padding:40px 32px;border-radius:18px;border:1px solid #ffffff26;transition:all 520ms ease}
.solutions-map .problem-block:hover{background:#ffffff24;border-color:#F2E0D7;transform:translateY(-8px);box-shadow:0 16px 48px #0000004d}
.solutions-map .problem-block .block-num{display:inline-block;width:48px;height:48px;background:#F2E0D7;color:#360620;font-size:22px;font-weight:800;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.solutions-map .problem-block .block-title{font-size:26px;font-weight:700;color:#fff;margin:0 0 16px;line-height:1.3}
.solutions-map .problem-block .block-description{font-size:16px;color:#F2E0D7;line-height:1.75;margin:0 0 24px;opacity:.9}
.solutions-map .problem-block .solution-approach{font-size:15px;color:#fff;background:#00a0ca40;padding:14px 18px;border-radius:10px;border-left:3px solid #00A0CA;margin:0;line-height:1.65}
.solutions-map .bottom-cta{margin-top:64px;text-align:center}
.solutions-map .bottom-cta .cta-butt{padding:18px 46px;background:#F2E0D7;color:#360620;font-size:18px;font-weight:700;border:none;border-radius:10px;text-decoration:none;display:inline-block;transition:all 460ms ease;box-shadow:0 8px 32px #f2e0d74d;z-index:10;position:relative}
.solutions-map .bottom-cta .cta-butt:hover{background:#fff;transform:translateY(-4px) scale(1.05);box-shadow:0 14px 44px #f2e0d780}
@media (max-width: 968px) {
.page-primary .visual-hdr .content-overlay .main-hdg{font-size:42px}
.page-primary .visual-hdr .content-overlay .sub-line{font-size:18px}
.quality-bench .flex-layout{flex-direction:column;gap:42px}
.solutions-map .problems-solve{grid-template-columns:1fr;gap:28px}
.audience-spectrum .level-grid{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.page-primary .visual-hdr{min-height:480px;padding:60px 20px}
.page-primary .visual-hdr .imagery-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}
.page-primary .visual-hdr .img-frag:nth-child(1){grid-column:1 / 2;grid-row:1 / 2}
.page-primary .visual-hdr .img-frag:nth-child(2){grid-column:2 / 3;grid-row:1 / 2}
.page-primary .visual-hdr .img-frag:nth-child(3){grid-column:1 / 2;grid-row:2 / 3}
.page-primary .visual-hdr .img-frag:nth-child(4){grid-column:2 / 3;grid-row:2 / 3}
.page-primary .visual-hdr .content-overlay .main-hdg{font-size:32px;margin-bottom:20px}
.page-primary .visual-hdr .content-overlay .sub-line{font-size:16px}
.page-primary .visual-hdr .content-overlay .cta-wrap{flex-direction:column;gap:14px}
.audience-spectrum{padding:68px 20px}
.audience-spectrum .sec-title{font-size:32px}
.quality-bench{padding:64px 20px}
.quality-bench .txt-side .sec-hdg{font-size:30px}
.solutions-map{padding:68px 20px}
.solutions-map .sec-hd{font-size:34px}
}
.reach-page-wrap{max-width:1320px;margin:0 auto;padding:0 20px}
.reach-hero-zone{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:center;padding:80px 0 60px;position:relative}
.reach-hero-visual{width:100%;height:520px;background:linear-gradient(135deg,#00A0CA 0%,#360620 100%);border-radius:20px;position:relative;overflow:hidden}
.reach-hero-visual::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,#f2e0d726,transparent 70%)}
.reach-hero-visual::after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 80px #0000004d;border-radius:20px}
.reach-hero-txt{display:flex;flex-direction:column;gap:24px}
.reach-hero-txt h1{font-size:2.8rem;line-height:1.2;color:#360620;margin:0}
.reach-hero-txt h2{font-size:2.2rem;line-height:1.25;color:#00A0CA;margin:0;font-weight:600}
.reach-hero-txt h3{font-size:1.8rem;line-height:1.3;color:#360620;margin:0;font-weight:500}
.reach-divider-waves{width:100%;height:80px;position:relative;overflow:hidden}
.reach-divider-waves svg{position:absolute;bottom:0;left:0;width:100%;height:100%}
.reach-info-grid{padding:80px 0;background:linear-gradient(160deg,#F2E0D7 0%,#fff 100%)}
.reach-grid-inner{max-width:1320px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.reach-info-card{background:#fff;padding:40px 32px;border-radius:16px;box-shadow:0 4px 24px #36062014;transition:transform 450ms,box-shadow 450ms}
.reach-info-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #36062024}
.reach-card-icon{width:56px;height:56px;background:linear-gradient(120deg,#00A0CA,#360620);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.reach-card-icon svg{width:28px;height:28px;fill:#fff}
.reach-info-card h4{font-size:1.4rem;color:#360620;margin:0 0 16px;font-weight:600}
.reach-info-card p{margin:0;color:#360620;opacity:.85;line-height:1.6;font-size:1.05rem}
.reach-info-card a{color:#00A0CA;text-decoration:none;transition:color 400ms}
.reach-info-card a:hover{color:#360620}
.reach-form-section{padding:90px 0;background:#fff}
.reach-form-container{max-width:820px;margin:0 auto;padding:0 20px}
.reach-form-header{text-align:center;margin-bottom:50px}
.reach-form-header h3{font-size:2.2rem;color:#360620;margin:0 0 16px;font-weight:600}
.reach-form-header p{font-size:1.1rem;color:#360620;opacity:.8;margin:0;line-height:1.6}
.reach-contact-form{background:linear-gradient(145deg,#F2E0D7 0%,#fff 100%);padding:48px;border-radius:20px;box-shadow:0 8px 32px #3606201a}
.reach-form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}
.reach-input-group{display:flex;flex-direction:column;gap:10px}
.reach-input-group label{font-size:.95rem;color:#360620;font-weight:500}
.reach-input-group input,.reach-input-group select,.reach-input-group textarea{padding:14px 18px;border:2px solid #00a0ca33;border-radius:10px;font-size:1rem;color:#360620;background:#fff;transition:border-color 450ms,box-shadow 450ms;outline:none}
.reach-input-group input:focus,.reach-input-group select:focus,.reach-input-group textarea:focus{border-color:#00A0CA;box-shadow:0 0 0 4px #00a0ca1a}
.reach-input-group textarea{min-height:140px;resize:vertical;font-family:inherit}
.reach-select-wrapper{position:relative}
.reach-select-wrapper select{width:100%;appearance:none;cursor:pointer;padding-right:40px}
.reach-select-wrapper::after{content:'';position:absolute;right:18px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid #00A0CA;pointer-events:none}
.reach-checkbox-wrap{margin:32px 0 28px;display:flex;gap:12px;align-items:flex-start}
.reach-checkbox-wrap input[type="checkbox"]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:#00A0CA;flex-shrink:0}
.reach-checkbox-wrap label{font-size:.95rem;color:#360620;opacity:.85;line-height:1.5}
.reach-checkbox-wrap a{color:#00A0CA;text-decoration:none;transition:color 400ms}
.reach-checkbox-wrap a:hover{color:#360620}
.reach-submit-btn{width:100%;padding:16px;background:linear-gradient(120deg,#00A0CA,#360620);color:#fff;font-size:1.1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:transform 450ms,box-shadow 450ms;box-shadow:0 4px 16px #00a0ca4d}
.reach-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00a0ca66}
.reach-submit-btn:active{transform:translateY(0)}
.reach-hours-block{padding:80px 0;background:linear-gradient(180deg,#fff 0%,#F2E0D7 100%)}
.reach-hours-content{max-width:1000px;margin:0 auto;padding:0 20px;text-align:center}
.reach-hours-content h4{font-size:2rem;color:#360620;margin:0 0 48px;font-weight:600}
.reach-schedule-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.reach-time-card{background:#fff;padding:36px 28px;border-radius:16px;box-shadow:0 4px 20px #36062014;position:relative;overflow:hidden}
.reach-time-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#00A0CA,#360620)}
.reach-time-card h5{font-size:1.3rem;color:#360620;margin:0 0 16px;font-weight:600}
.reach-time-card p{font-size:1.05rem;color:#360620;opacity:.8;margin:0;line-height:1.5}
@media (max-width: 1024px) {
.reach-hero-zone{grid-template-columns:1fr;gap:40px;padding:60px 0 40px}
.reach-hero-visual{height:400px}
.reach-grid-inner{grid-template-columns:1fr;gap:32px}
.reach-schedule-grid{grid-template-columns:1fr;gap:24px}
}
@media (max-width: 768px) {
.reach-hero-txt h1{font-size:2.2rem}
.reach-hero-txt h2{font-size:1.8rem}
.reach-hero-txt h3{font-size:1.5rem}
.reach-form-row{grid-template-columns:1fr}
.reach-contact-form{padding:32px 24px}
.reach-form-header h3{font-size:1.8rem}
.reach-hours-content h4{font-size:1.6rem}
}
@media (max-width: 480px) {
.reach-hero-txt h1{font-size:1.8rem}
.reach-hero-txt h2{font-size:1.5rem}
.reach-hero-txt h3{font-size:1.3rem}
.reach-hero-visual{height:300px}
.reach-contact-form{padding:28px 20px}
}
.hero-lrn{position:relative;min-height:520px;background:linear-gradient(127deg,#00A0CA 0%,#360620 100%);padding:80px 20px;overflow:hidden}
.hero-lrn::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(./visual_storage/2025-07-07-2024-10-26-map12.jpg);background-size:cover;background-position:center;opacity:.12;mix-blend-mode:overlay}
.hero-lrn .wrap-cnt{max-width:1320px;margin:0 auto;position:relative;z-index:2}
.hero-lrn .grid-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:center}
.hero-lrn .txt-zone{color:#F2E0D7}
.hero-lrn .main-headline{font-size:3.2rem;line-height:1.15;margin:0 0 24px;font-weight:700;color:#fff}
.hero-lrn .main-headline .accent-word{position:relative;display:inline-block;color:#F2E0D7}
.hero-lrn .main-headline .accent-word::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:4px;background:linear-gradient(90deg,#00A0CA 0%,transparent 100%);border-radius:2px}
.hero-lrn .desc-para{font-size:1.15rem;line-height:1.7;margin:0 0 18px;opacity:.95}
.hero-lrn .visual-zone{position:relative}
.hero-lrn .img-holder{width:100%;height:460px;border-radius:16px;overflow:hidden;box-shadow:0 12px 32px #0000004d;position:relative}
.hero-lrn .img-holder img{width:100%;height:100%;object-fit:cover;display:block}
.hero-lrn .img-holder::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#00a0ca4d 0%,#36062066 100%);mix-blend-mode:multiply}
.hero-lrn .deco-shape{position:absolute;width:180px;height:180px;top:-40px;right:-40px;z-index:-1}
.hero-lrn .deco-shape svg{width:100%;height:100%;opacity:.2}
.prog-sec87{background:#fff;padding:90px 20px}
.prog-sec87 .wrap-cnt{max-width:1320px;margin:0 auto}
.prog-sec87 .intro-hdr{max-width:780px;margin:0 0 60px}
.prog-sec87 .section-tl{font-size:2.4rem;line-height:1.25;margin:0 0 20px;color:#360620;font-weight:700;position:relative;display:inline-block}
.prog-sec87 .section-tl::before{content:'';position:absolute;left:-24px;top:50%;transform:translateY(-50%);width:6px;height:80%;background:linear-gradient(180deg,#00A0CA 0%,#360620 100%);border-radius:3px}
.prog-sec87 .intro-txt{font-size:1.1rem;line-height:1.75;color:#2a2a2a;margin:0}
.prog-sec87 .course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.prog-sec87 .course-card{background:#F2E0D7;border-radius:20px;padding:0;overflow:hidden;transition:all 450ms ease;box-shadow:0 4px 16px #00000014}
.prog-sec87 .course-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px #00a0ca33}
.prog-sec87 .card-visual{width:100%;height:200px;background:linear-gradient(145deg,#00A0CA 0%,#360620 100%);position:relative;overflow:hidden}
.prog-sec87 .card-visual svg{position:absolute;width:120px;height:120px;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.25}
.prog-sec87 .card-content{padding:28px 24px}
.prog-sec87 .card-title{font-size:1.4rem;font-weight:700;margin:0 0 12px;color:#360620}
.prog-sec87 .card-desc{font-size:.98rem;line-height:1.65;color:#4a4a4a;margin:0 0 20px}
.prog-sec87 .meta-row{display:flex;gap:20px;margin:0 0 24px;padding:16px 0 0;border-top:1px solid #36062026}
.prog-sec87 .meta-item{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#5a5a5a}
.prog-sec87 .meta-item svg{width:18px;height:18px;fill:#00A0CA}
.prog-sec87 .progress-track{margin:0 0 20px}
.prog-sec87 .progress-label{display:flex;justify-content:space-between;font-size:.88rem;margin:0 0 8px;color:#5a5a5a}
.prog-sec87 .progress-bar-bg{width:100%;height:8px;background:#3606201a;border-radius:4px;overflow:hidden}
.prog-sec87 .progress-bar-fill{height:100%;background:linear-gradient(90deg,#00A0CA 0%,#360620 100%);border-radius:4px;transition:width 500ms ease}
.prog-sec87 .card-btn{display:inline-block;padding:12px 28px;background:#360620;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:.95rem;transition:all 400ms ease;border:2px solid #360620}
.prog-sec87 .card-btn:hover{background:transparent;color:#360620;transform:scale(1.05)}
@media (max-width: 1024px) {
.hero-lrn .grid-layout{grid-template-columns:1fr;gap:40px}
.hero-lrn .main-headline{font-size:2.6rem}
.hero-lrn .img-holder{height:380px}
.prog-sec87 .course-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.hero-lrn{min-height:auto;padding:60px 20px}
.hero-lrn .main-headline{font-size:2.2rem}
.hero-lrn .desc-para{font-size:1.05rem}
.hero-lrn .img-holder{height:300px}
.prog-sec87{padding:60px 20px}
.prog-sec87 .section-tl{font-size:2rem}
.prog-sec87 .course-grid{grid-template-columns:1fr;gap:24px}
.prog-sec87 .intro-hdr{margin:0 0 40px}
}
@media (max-width: 480px) {
.hero-lrn .main-headline{font-size:1.9rem}
.prog-sec87 .section-tl{font-size:1.7rem}
.prog-sec87 .card-content{padding:24px 20px}
.prog-sec87 .meta-row{flex-direction:column;gap:12px}
}
.careers-hero-wrap{display:flex;flex-direction:column;align-items:center;max-width:1320px;margin:0 auto;padding:84px 24px 72px;gap:52px}
.careers-hero-wrap .title-stack{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;max-width:780px}
.careers-hero-wrap .title-stack .title-top{font-size:48px;font-weight:700;line-height:1.15;color:#360620;margin:0}
.careers-hero-wrap .title-stack .title-bottom{font-size:32px;font-weight:500;line-height:1.3;color:#00A0CA;margin:0}
.careers-hero-wrap .hero-visual-frame{position:relative;width:100%;max-width:920px;border-radius:20px;overflow:hidden;box-shadow:0 14px 36px #3606201f}
.careers-hero-wrap .hero-visual-frame img{width:100%;height:auto;display:block;object-fit:cover}
.careers-hero-wrap .decorative-pattern{position:absolute;top:-12px;right:-12px;width:84px;height:84px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;background:linear-gradient(145deg,#00A0CA,#360620);border-radius:12px;box-shadow:0 6px 18px #00a0ca47}
.careers-hero-wrap .decorative-pattern .dot{width:12px;height:12px;background:#F2E0D7;border-radius:50%;opacity:.85}
.openings-block{background:linear-gradient(168deg,#F2E0D7 0%,#fff 100%);padding:96px 24px}
.openings-block .content-holder{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:68px}
.openings-block .section-intro{text-align:center;max-width:720px;margin:0 auto}
.openings-block .section-intro h2{font-size:38px;font-weight:700;line-height:1.25;color:#360620;margin:0 0 22px}
.openings-block .section-intro .intro-text{font-size:18px;line-height:1.65;color:#360620;opacity:.78;margin:0}
.openings-block .positions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}
.openings-block .job-card{background:#fff;border-radius:16px;padding:36px 32px;box-shadow:0 8px 24px #36062014;border:2px solid transparent;transition:all 480ms ease;position:relative}
.openings-block .job-card::before{content:'';position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,#00A0CA 0%,#360620 100%);border-radius:16px 0 0 16px;opacity:0;transition:opacity 480ms ease}
.openings-block .job-card:hover{border-color:#00A0CA;box-shadow:0 14px 38px #00a0ca29;transform:translateY(-4px)}
.openings-block .job-card:hover::before{opacity:1}
.openings-block .job-card h3{font-size:24px;font-weight:700;line-height:1.35;color:#360620;margin:0 0 16px}
.openings-block .job-card .job-meta{display:flex;gap:18px;margin-bottom:20px;flex-wrap:wrap}
.openings-block .job-card .meta-tag{font-size:14px;font-weight:500;color:#00A0CA;background:#00a0ca1a;padding:6px 14px;border-radius:6px}
.openings-block .job-card .job-description{font-size:16px;line-height:1.7;color:#360620;opacity:.72;margin:0 0 24px}
.openings-block .job-card .job-requirements{margin:24px 0}
.openings-block .job-card .requirements-label{font-size:15px;font-weight:600;color:#360620;margin:0 0 10px}
.openings-block .job-card .requirement-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.openings-block .job-card .requirement-list li{font-size:15px;line-height:1.6;color:#360620;opacity:.7;padding-left:24px;position:relative}
.openings-block .job-card .requirement-list li::before{content:'';position:absolute;left:0;top:8px;width:8px;height:8px;background:#00A0CA;border-radius:50%}
.openings-block .job-card .apply-butt{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:linear-gradient(112deg,#00A0CA 0%,#360620 100%);color:#fff;font-size:16px;font-weight:600;text-decoration:none;border-radius:10px;transition:all 480ms ease;box-shadow:0 6px 18px #00a0ca38}
.openings-block .job-card .apply-butt:hover{box-shadow:0 10px 28px #00a0ca5c;transform:translateY(-2px)}
.team-benefits-segment{max-width:1320px;margin:0 auto;padding:88px 24px;display:grid;grid-template-columns:1.2fr 1fr;gap:72px;align-items:start}
.team-benefits-segment .visual-side{position:relative}
.team-benefits-segment .visual-side img{width:100%;height:auto;border-radius:18px;box-shadow:0 16px 42px #36062024;object-fit:cover}
.team-benefits-segment .visual-side .img-accent{position:absolute;bottom:28px;right:28px;width:140px;height:140px;background:linear-gradient(225deg,#00A0CA 0%,#360620 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #00a0ca52}
.team-benefits-segment .visual-side .img-accent svg{width:68px;height:68px;fill:#F2E0D7}
.team-benefits-segment .content-side h2{font-size:36px;font-weight:700;line-height:1.3;color:#360620;margin:0 0 28px}
.team-benefits-segment .content-side .benefit-items{display:flex;flex-direction:column;gap:28px}
.team-benefits-segment .content-side .benefit-item{display:flex;gap:20px;align-items:start}
.team-benefits-segment .content-side .benefit-icon-box{width:56px;height:56px;flex-shrink:0;background:linear-gradient(135deg,#00a0ca1f 0%,#36062014 100%);border-radius:12px;display:flex;align-items:center;justify-content:center}
.team-benefits-segment .content-side .benefit-icon-box svg{width:28px;height:28px;fill:#00A0CA}
.team-benefits-segment .content-side .benefit-content h4{font-size:20px;font-weight:700;line-height:1.4;color:#360620;margin:0 0 8px}
.team-benefits-segment .content-side .benefit-content p{font-size:16px;line-height:1.65;color:#360620;opacity:.74;margin:0}
@media (max-width: 1024px) {
.team-benefits-segment{grid-template-columns:1fr;gap:56px}
.openings-block .positions-grid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.careers-hero-wrap{padding:64px 20px 56px;gap:36px}
.careers-hero-wrap .title-stack .title-top{font-size:36px}
.careers-hero-wrap .title-stack .title-bottom{font-size:26px}
.openings-block{padding:72px 20px}
.openings-block .content-holder{gap:48px}
.openings-block .section-intro h2{font-size:32px}
.team-benefits-segment{padding:68px 20px;gap:44px}
.team-benefits-segment .content-side h2{font-size:30px}
.team-benefits-segment .visual-side .img-accent{width:110px;height:110px;bottom:20px;right:20px}
.team-benefits-segment .visual-side .img-accent svg{width:52px;height:52px}
}
.success-wrap{min-height:85vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;background:linear-gradient(142deg,#F2E0D7 0%,#fff 48%,#e8f7fb 100%);position:relative;overflow:hidden}
.success-wrap::before{content:'';position:absolute;top:-15%;right:-8%;width:420px;height:420px;background:radial-gradient(circle,#00a0ca1f 0%,transparent 68%);border-radius:50%}
.success-wrap::after{content:'';position:absolute;bottom:-12%;left:-6%;width:360px;height:360px;background:radial-gradient(circle,#36062014 0%,transparent 72%);border-radius:50%}
.confirm-box{max-width:640px;width:100%;background:#fff;border-radius:20px;padding:72px 56px 64px;box-shadow:0 18px 48px #36062017 0 4px 16px #00a0ca0f;position:relative;z-index:2;text-align:center}
.confirm-box::before{content:'';position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(135deg,#00A0CA 0%,#360620 100%);border-radius:20px;z-index:-1;opacity:.12}
.ico-holder{width:94px;height:94px;margin:0 auto 32px;position:relative}
.ico-holder svg{width:100%;height:100%;display:block}
.ico-holder::after{content:'';position:absolute;inset:-16px;background:radial-gradient(circle,#00a0ca24 0%,transparent 68%);border-radius:50%;z-index:-1;animation:pulse-effect 2.4s ease-in-out infinite}
@keyframes pulse-effect {
0%,100%{transform:scale(1);opacity:.6}
50%{transform:scale(1.14);opacity:.28}
}
.conf-head{font-size:38px;font-weight:700;color:#360620;margin:0 0 18px;line-height:1.24;letter-spacing:-.02em}
.conf-subtext{font-size:19px;line-height:1.62;color:#4a4a4a;margin:0 0 14px}
.detail-note{font-size:16px;line-height:1.56;color:#666;margin:0 0 42px;padding:0 24px}
.action-row{display:flex;flex-direction:column;gap:16px;align-items:center}
.prim-butt{display:inline-flex;align-items:center;justify-content:center;padding:16px 48px;background:linear-gradient(118deg,#00A0CA 0%,#0089ad 100%);color:#fff;font-size:17px;font-weight:600;text-decoration:none;border-radius:12px;box-shadow:0 8px 22px #00a0ca42;transition:all 480ms cubic-bezier(0.34,1.56,0.64,1);position:relative;z-index:3}
.prim-butt:hover{transform:translateY(-3px);box-shadow:0 14px 32px #00a0ca57}
.prim-butt:active{transform:translateY(-1px)}
.sec-link{display:inline-flex;align-items:center;gap:8px;color:#00A0CA;font-size:16px;font-weight:500;text-decoration:none;transition:all 420ms ease;position:relative}
.sec-link::after{content:'';position:absolute;bottom:-3px;left:0;width:100%;height:2px;background:#00A0CA;transform:scaleX(0);transform-origin:right;transition:transform 420ms ease}
.sec-link:hover::after{transform:scaleX(1);transform-origin:left}
.sec-link:hover{color:#0089ad}
.decor-shape1{position:absolute;top:18%;left:8%;width:72px;height:72px;border:3px solid #00a0ca29;border-radius:50%;z-index:1}
.decor-shape2{position:absolute;bottom:22%;right:11%;width:58px;height:58px;background:#3606200f;border-radius:8px;transform:rotate(24deg);z-index:1}
.decor-shape3{position:absolute;top:38%;right:6%;width:46px;height:46px;border:2px dashed #f2e0d77a;border-radius:50%;z-index:1}
@media (max-width: 768px) {
.success-wrap{padding:48px 16px;min-height:78vh}
.confirm-box{padding:52px 32px 48px;border-radius:16px}
.ico-holder{width:78px;height:78px;margin-bottom:26px}
.conf-head{font-size:30px;margin-bottom:14px}
.conf-subtext{font-size:17px;margin-bottom:12px}
.detail-note{font-size:15px;margin-bottom:36px;padding:0 12px}
.prim-butt{width:100%;padding:15px 36px;font-size:16px}
.sec-link{font-size:15px}
.decor-shape1,.decor-shape2,.decor-shape3{display:none}
.success-wrap::before,.success-wrap::after{width:280px;height:280px}
}
@media (max-width: 480px) {
.confirm-box{padding:44px 24px 40px}
.conf-head{font-size:26px}
.conf-subtext{font-size:16px}
.detail-note{font-size:14px;margin-bottom:32px}
}