body{margin:0;font-family:'Open Sans',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f9f9f9;color:#1a1a1a}
::selection{background:#08DCE3;color:#fff}
.heado{box-sizing:border-box;background:#fff;border-bottom:2px solid #08DCE3;box-shadow:-1px 5px 25px 0 #08dce317;position:relative;z-index:100;overflow:hidden}
.heado-accent{box-sizing:border-box;height:6px;background:linear-gradient(90deg,#08DCE3 0%,#B61566 100%);width:100%}
.heado-inner{box-sizing:border-box;max-width:1500px;margin:0 auto;padding:32px 64px 0}
.brand-row{box-sizing:border-box;display:flex;align-items:center;gap:16px;margin-bottom:32px}
.logo-container{box-sizing:border-box;width:48px;height:48px;background-color:#1a1a1a;border-radius:0;box-shadow:-1px 1px 6px 0 #08dce312;padding:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid #08DCE3}
.logo-container img{width:40px;height:40px;object-fit:contain;display:block}
.brand-name{font-size:24px;font-weight:700;line-height:1.2;letter-spacing:0;background:linear-gradient(90deg,#08DCE3 0%,#B61566 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.heado-divider{box-sizing:border-box;height:1px;background:linear-gradient(90deg,#08DCE3 0%,#08dce31a 60%,transparent 100%);margin-bottom:0}
.navi-container{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:16px 0 24px}
.navi-links{box-sizing:border-box;display:flex;align-items:center;flex-wrap:wrap;gap:4px;list-style:none;margin:0;padding:0}
.navi-links li{box-sizing:border-box}
.navi-links a{box-sizing:border-box;display:inline-block;font-size:14px;font-weight:700;line-height:1.5;color:#1a1a1a;text-decoration:none;padding:8px 16px;border-radius:0;border:1px solid transparent;transition:color .08s ease-out,border-color .1s ease-out,background .1s linear}
.navi-links a:hover{color:#B61566;border-color:#08DCE3;background:#08dce30f}
.navi-links a:focus{outline:none;position:relative}
.navi-links a:focus::before{content:'focus';position:absolute;top:-18px;left:0;font-size:14px;color:#B61566;background:#fff;padding:0 4px;border:1px solid #B61566;border-radius:0;line-height:1.5;pointer-events:none}
.navi-phone{box-sizing:border-box;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#fff;background:#B61566;padding:8px 16px;border-radius:28px;text-decoration:none;box-shadow:-1px 1px 6px 0 #b6156612;transition:background .12s ease-out,box-shadow .12s ease-out;min-height:44px;white-space:nowrap}
.navi-phone:hover{background:#08DCE3;box-shadow:-1px 5px 25px 0 #08dce317}
.navi-phone svg{flex-shrink:0}
@media (max-width: 992px) {
.heado-inner{padding:32px 32px 0}
}
@media (max-width: 576px) {
.heado-inner{padding:16px 16px 0}
.brand-row{margin-bottom:16px}
.navi-container{padding:16px 0}
.brand-name{font-size:19px}
}
.footr{box-sizing:border-box;background:#111;color:#e0e0e0;position:relative}
.footr-band{box-sizing:border-box;height:6px;background:linear-gradient(90deg,#B61566 0%,#08DCE3 100%);width:100%}
.footr-inner{box-sizing:border-box;max-width:1500px;margin:0 auto;padding:64px 64px 32px}
.footr-grid{box-sizing:border-box;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px;margin-bottom:64px}
.footr-col{box-sizing:border-box}
.footr-logo-container{box-sizing:border-box;width:48px;height:48px;background-color:#1a1a1a;border:1px solid #08DCE3;box-shadow:-1px 1px 6px 0 #08dce312;padding:4px;display:flex;align-items:center;justify-content:center;margin-left:auto;margin-bottom:16px}
.footr-logo-container img{width:40px;height:40px;object-fit:contain;display:block}
.footr-tagline{font-size:14px;line-height:1.75;color:#aaa;text-align:right}
.footr-nav-heading{font-size:14px;font-weight:700;color:#08DCE3;margin:0 0 16px;text-transform:uppercase;letter-spacing:0}
.footr-nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.footr-nav-list a{font-size:14px;line-height:1.5;color:#ccc;text-decoration:none;transition:color .1s ease-out}
.footr-nav-list a:hover{color:#08DCE3}
.footr-nav-list a:focus{outline:none;position:relative}
.footr-nav-list a:focus::before{content:'focus';position:absolute;top:-18px;left:0;font-size:14px;color:#08DCE3;background:#111;padding:0 4px;border:1px solid #08DCE3;line-height:1.5;pointer-events:none}
.footr-contact-item{font-size:14px;line-height:1.75;color:#aaa;margin-bottom:8px}
.footr-contact-item a{color:#08DCE3;text-decoration:none;transition:color .08s ease-out}
.footr-contact-item a:hover{color:#B61566}
.footr-bottom{box-sizing:border-box;border-top:1px solid #08dce32e;padding-top:32px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.footr-copy{font-size:14px;line-height:1.5;color:#666}
.footr-legal{display:flex;gap:16px;flex-wrap:wrap}
.footr-legal a{font-size:14px;line-height:1.5;color:#666;text-decoration:none;transition:color .1s linear}
.footr-legal a:hover{color:#08DCE3}
@media (max-width: 992px) {
.footr-inner{padding:64px 32px 32px}
}
@media (max-width: 576px) {
.footr-inner{padding:32px 16px}
.footr-grid{gap:32px;margin-bottom:32px}
}
.cookie-panel{box-sizing:border-box;position:fixed;bottom:32px;left:32px;width:280px;background:#fff;border:2px solid #08DCE3;box-shadow:-1px 12px 60px 0 #08dce321;z-index:8000;display:none;flex-direction:column;gap:16px;padding:16px;border-radius:0}
.cookie-panel.showing{display:flex;animation:slideInLeft 220ms ease-out forwards}
.cookie-panel.hiding{animation:slideOutLeft 220ms ease-out forwards}
@keyframes slideInLeft {
from{transform:translateX(-120%);opacity:0}
to{transform:translateX(0);opacity:1}
}
@keyframes slideOutLeft {
from{transform:translateX(0);opacity:1}
to{transform:translateX(-120%);opacity:0}
}
.notice{font-size:14px;line-height:1.75;color:#1a1a1a;margin:0}
.actions{display:flex;flex-direction:column;gap:8px}
.choice{box-sizing:border-box;width:100%;padding:8px 16px;font-size:14px;font-weight:700;font-family:'Open Sans',sans-serif;border-radius:0;border:2px solid transparent;cursor:pointer;transition:background .1s ease-out,color .1s ease-out,border-color .1s ease-out;min-height:44px}
.choice-accept{background:#B61566;color:#fff;border-color:#B61566}
.choice-accept:hover{background:#08DCE3;border-color:#08DCE3;color:#fff}
.choice-decline{background:transparent;color:#1a1a1a;border-color:#ccc}
.choice-decline:hover{border-color:#B61566;color:#B61566}
@media (max-width: 576px) {
.cookie-panel{left:16px;bottom:16px;width:calc(100vw - 32px)}
}
.agreement-content{max-width:1500px;margin:0 auto;padding:64px 32px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.agreement-content h1{font-size:62px;line-height:1.2;margin-bottom:32px;margin-top:0;background:linear-gradient(135deg,#08DCE3,#B61566);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.agreement-content h2{font-size:46px;line-height:1.2;color:#1a1a1a;margin-top:64px;margin-bottom:16px}
.agreement-content h3{font-size:33px;line-height:1.5;color:#1a1a1a;margin-top:32px;margin-bottom:16px}
.agreement-content h4{font-size:24px;line-height:1.5;color:#2a2a2a;margin-top:32px;margin-bottom:8px}
.agreement-content h5{font-size:19px;line-height:1.5;color:#2a2a2a;margin-top:16px;margin-bottom:8px}
.agreement-content h6{font-size:14px;line-height:1.75;color:#3a3a3a;text-transform:uppercase;letter-spacing:.08em;margin-top:16px;margin-bottom:8px}
.agreement-content p{font-size:19px;line-height:1.75;color:#2a2a2a;margin-top:0;margin-bottom:16px;max-width:75ch}
.agreement-content a{color:#B61566;text-decoration:underline;text-underline-offset:3px;transition:color .1s ease-out,text-decoration-color .1s ease-out}
.agreement-content a:hover{color:#08DCE3;text-decoration-color:#08DCE3}
.agreement-content a:visited{color:#8a1050}
.agreement-content hr{border:none;border-top:1px solid #08dce340;margin:64px 0}
.agreement-content div{margin-bottom:16px}
@media (max-width: 992px) {
.agreement-content{padding:64px 32px}
.agreement-content h1{font-size:46px}
.agreement-content h2{font-size:33px}
.agreement-content h3{font-size:24px}
}
@media (max-width: 576px) {
.agreement-content{padding:32px 16px}
.agreement-content h1{font-size:33px}
.agreement-content h2{font-size:24px;margin-top:32px}
.agreement-content h3{font-size:19px}
.agreement-content h4{font-size:19px}
.agreement-content p{font-size:14px}
.agreement-content hr{margin:32px 0}
}
.svc-detail-page{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f8f8;overflow-x:hidden}
.svc-detail-page ::selection{background:#08DCE3;color:#fff}
.svc-detail-page *,.svc-detail-page ::before,.svc-detail-page ::after{box-sizing:border-box}
.svc-detail-page input::placeholder,.svc-detail-page textarea::placeholder{color:inherit;opacity:.4}
.heado-container{max-width:1500px;margin:0 auto;padding:64px 32px 32px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.heado-meta-col{display:flex;flex-direction:column;gap:32px;padding-top:32px}
.heado-label-row{display:flex;flex-direction:row;align-items:center;gap:16px}
.heado-badge{font-size:14px;line-height:1.2;color:#B61566;border:1.5px solid #B61566;padding:4px 16px;border-radius:28px}
.heado-readtime{font-size:14px;line-height:1.2;color:#555}
.heado-readtime svg{vertical-align:middle;margin-right:4px}
.heado-title{font-size:62px;line-height:1.2;font-weight:800;color:#111;margin:0}
.heado-title span{background:linear-gradient(180deg,#08DCE3 0%,#B61566 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.heado-tagline{font-size:19px;line-height:1.75;color:#444;margin:0;max-width:480px}
.heado-stats-row{display:flex;flex-direction:row;gap:32px;align-items:center}
.heado-stat-item{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:14px;color:#666}
.heado-stat-item svg{flex-shrink:0}
.heado-actions{display:flex;flex-direction:row;gap:16px;flex-wrap:wrap}
.heado-img-col{position:relative}
.heado-img-wrap{border-radius:28px;overflow:hidden;box-shadow:-1px 12px 60px 0 #08dce321;aspect-ratio:4/3;position:relative}
.heado-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .12s ease-out}
.heado-img-tint{position:absolute;inset:0;background:linear-gradient(180deg,#08dce32e 0%,#b6156638 100%);border-radius:28px;pointer-events:none}
.heado-deco-circle1{position:absolute;width:180px;height:180px;border-radius:50%;border:2px solid #08dce31f;top:-32px;right:-32px;pointer-events:none}
.heado-deco-circle2{position:absolute;width:80px;height:80px;border-radius:50%;background:#b6156612;bottom:-16px;left:-16px;pointer-events:none}
.heado-deco-line{position:absolute;left:32px;bottom:-48px;width:2px;height:48px;background:linear-gradient(180deg,#08DCE3 0%,transparent 100%);pointer-events:none}
.heado-deco-cross{position:absolute;left:24px;bottom:-54px;width:16px;height:16px;pointer-events:none}
.btn-primary-action{display:inline-flex;flex-direction:row;align-items:center;gap:8px;background:linear-gradient(180deg,#08DCE3 0%,#B61566 100%);color:#fff;font-size:16px;font-weight:700;padding:16px 32px;border-radius:28px;border:none;cursor:pointer;text-decoration:none;box-shadow:-1px 5px 25px 0 #08dce317;transition:box-shadow .1s ease-out,opacity .08s linear}
.btn-primary-action:hover{box-shadow:-1px 12px 60px 0 #08dce321;opacity:.92}
.btn-primary-action:active{box-shadow:-1px 1px 6px 0 #08dce312;opacity:1}
.btn-secondary-action{display:inline-flex;flex-direction:row;align-items:center;gap:8px;background:#fff;color:#B61566;font-size:16px;font-weight:700;padding:16px 32px;border-radius:28px;border:2px solid #B61566;cursor:pointer;text-decoration:none;transition:background .1s ease-out,color .1s ease-out}
.btn-secondary-action:hover{background:#B61566;color:#fff}
.price-strip{background:#fff;border-top:1px solid #08dce32e;border-bottom:1px solid #08dce32e}
.price-strip-inner{max-width:1500px;margin:0 auto;padding:32px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:32px}
.price-main-block{display:flex;flex-direction:column;gap:4px}
.price-amount{font-size:46px;font-weight:800;line-height:1.2;color:#111}
.price-amount span{font-size:24px;font-weight:400;color:#888;margin-left:8px}
.price-terms{font-size:14px;color:#666;line-height:1.5}
.price-note-txt{font-size:14px;color:#B61566;font-style:italic;line-height:1.5}
.price-meta-items{display:flex;flex-direction:row;gap:32px;flex-wrap:wrap}
.price-meta-item{display:flex;flex-direction:column;gap:4px;align-items:center}
.price-meta-label{font-size:14px;color:#888;line-height:1.2}
.price-meta-val{font-size:19px;font-weight:700;color:#111;line-height:1.2}
.seats-warning{display:flex;flex-direction:row;align-items:center;gap:8px;background:#b6156612;border-radius:28px;padding:8px 16px}
.seats-warning-txt{font-size:14px;color:#B61566;font-weight:600}
.desc-section{max-width:1500px;margin:0 auto;padding:64px 32px;display:grid;grid-template-columns:2fr 1fr;gap:64px;align-items:start}
.desc-main{display:flex;flex-direction:column;gap:32px}
.desc-heading{font-size:33px;font-weight:800;line-height:1.2;color:#111;margin:0;padding-bottom:8px;border-bottom:3px solid #08DCE3;display:inline-block}
.desc-body{font-size:19px;line-height:1.75;color:#333}
.desc-body h2{font-size:33px;font-weight:800;line-height:1.2;color:#111;margin:32px 0 16px}
.desc-body h3{font-size:24px;font-weight:700;line-height:1.2;color:#222;margin:24px 0 8px}
.desc-body p{margin:0 0 16px}
.desc-body ul,.desc-body ol{padding-left:32px;margin:0 0 16px}
.desc-body li{margin-bottom:8px}
.desc-body blockquote{margin:32px 0;padding:16px 32px;border-left:4px solid #08DCE3;background:#08dce30d;border-radius:0 28px 28px 0;font-size:19px;color:#444;font-style:italic}
.desc-body figure{margin:32px 0}
.desc-body figcaption{font-size:14px;color:#888;text-align:center;margin-top:8px}
.desc-body dl{margin:0 0 16px}
.desc-body dt{font-weight:700;color:#111;margin-top:8px}
.desc-body dd{margin-left:32px;color:#555}
.desc-body details{border-radius:28px;border:1.5px solid #08dce340;padding:16px;margin-bottom:8px}
.desc-body summary{font-weight:700;cursor:pointer;color:#111;font-size:19px;padding:4px 0}
.desc-body abbr{text-decoration:underline dotted;cursor:help}
.desc-body cite{font-style:italic;color:#666}
.desc-aside{display:flex;flex-direction:column;gap:32px;position:sticky;top:32px}
.aside-card{background:#fff;border-radius:28px;padding:32px;box-shadow:-1px 5px 25px 0 #08dce317;display:flex;flex-direction:column;gap:16px}
.aside-card-title{font-size:19px;font-weight:700;color:#111;margin:0}
.aside-enroll-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,#08DCE3 0%,#B61566 100%);color:#fff;font-size:19px;font-weight:700;padding:16px 32px;border-radius:28px;border:none;cursor:pointer;text-decoration:none;width:100%;box-shadow:-1px 5px 25px 0 #08dce317;transition:box-shadow .1s ease-out,opacity .08s linear}
.aside-enroll-btn:hover{box-shadow:-1px 12px 60px 0 #08dce321;opacity:.9}
.aside-detail-list{display:flex;flex-direction:column;gap:8px}
.aside-detail-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #08dce31f;gap:16px}
.aside-detail-row:last-child{border-bottom:none}
.aside-detail-key{font-size:14px;color:#888;flex-shrink:0}
.aside-detail-val{font-size:14px;color:#111;font-weight:600;text-align:right}
.prog-section{background:linear-gradient(180deg,#08DCE3 0%,#B61566 100%);padding:64px 0}
.prog-section-inner{max-width:1500px;margin:0 auto;padding:0 32px}
.prog-heading{font-size:46px;font-weight:800;line-height:1.2;color:#fff;margin:0 0 32px}
.prog-content{background:#ffffff1f;border-radius:28px;padding:32px;backdrop-filter:blur(4px);color:#fff;font-size:19px;line-height:1.75}
.prog-content h2{font-size:33px;font-weight:800;color:#fff;margin:24px 0 16px}
.prog-content h3{font-size:24px;font-weight:700;color:#ffffffe6;margin:16px 0 8px}
.prog-content p{margin:0 0 16px;color:#ffffffeb}
.prog-content ul,.prog-content ol{padding-left:32px;margin:0 0 16px}
.prog-content li{margin-bottom:8px;color:#ffffffeb}
.prog-content blockquote{margin:24px 0;padding:16px 32px;background:#ffffff1f;border-radius:28px;font-style:italic;color:#fff}
.prog-content cite{font-style:italic;color:#ffffffbf}
.prog-content details{background:#ffffff1a;border-radius:28px;padding:16px;margin-bottom:8px}
.prog-content summary{cursor:pointer;font-weight:700;color:#fff;font-size:19px}
.prog-content abbr{text-decoration:underline dotted #fff9;cursor:help}
.enroll-section{background:#fff;padding:64px 0}
.enroll-inner{max-width:1500px;margin:0 auto;padding:0 32px}
.enroll-heading{font-size:33px;font-weight:800;color:#111;margin:0 0 32px;line-height:1.2}
.enroll-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px;max-width:960px}
.form-field{display:flex;flex-direction:column;gap:8px}
.form-field-label{font-size:14px;font-weight:600;color:#333}
.form-field-input{background:#f4f4f4;border:1.5px solid transparent;border-radius:28px;padding:16px;font-size:19px;color:#111;outline:none;transition:border-color .1s ease-out,box-shadow .1s ease-out;width:100%}
.form-field-input:focus{border-color:#08DCE3;box-shadow:-1px 1px 6px 0 #08dce312}
.form-field-textarea{resize:vertical;min-height:120px;border-radius:28px}
.form-submit-row{grid-column:1 / -1;display:flex;flex-direction:row;align-items:center;gap:16px;flex-wrap:wrap}
.form-submit-btn{display:inline-flex;flex-direction:row;align-items:center;gap:8px;background:linear-gradient(180deg,#08DCE3 0%,#B61566 100%);color:#fff;font-size:19px;font-weight:700;padding:16px 32px;border-radius:28px;border:none;cursor:pointer;box-shadow:-1px 5px 25px 0 #08dce317;transition:box-shadow .1s ease-out,opacity .08s linear;position:relative}
.form-submit-btn:hover{box-shadow:-1px 12px 60px 0 #08dce321;opacity:.9}
.form-submit-btn:active{box-shadow:-1px 1px 6px 0 #08dce312}
.form-submit-btn .spinner{display:none;width:20px;height:20px;border:2px solid #fff6;border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}
@keyframes spin {
to{transform:rotate(360deg)}
}
.form-note{font-size:14px;color:#888;line-height:1.5}
.divider-cross{display:flex;flex-direction:column;align-items:center;padding:16px 0}
.divider-cross-line{width:60px;height:2px;background:#08DCE3}
.divider-cross-mark{width:12px;height:12px;position:relative;margin:-1px 0}
.divider-cross-mark::before,.divider-cross-mark::after{content:'';position:absolute;background:#B61566;border-radius:0}
.divider-cross-mark::before{width:2px;height:12px;left:5px;top:0}
.divider-cross-mark::after{width:12px;height:2px;left:0;top:5px}
.blur-reveal{animation:blurReveal .4s ease-out both}
.blur-reveal-2{animation:blurReveal .4s .1s ease-out both}
.blur-reveal-3{animation:blurReveal .4s .2s ease-out both}
@keyframes blurReveal {
from{filter:blur(8px);opacity:0}
to{filter:blur(0);opacity:1}
}
@media (max-width: 992px) {
.heado-container{grid-template-columns:1fr;gap:32px;padding:32px 16px}
.heado-title{font-size:46px}
.desc-section{grid-template-columns:1fr;padding:32px 16px;gap:32px}
.desc-aside{position:static}
.price-strip-inner{flex-direction:column;align-items:flex-start;padding:32px 16px}
.prog-section-inner{padding:0 16px}
.prog-heading{font-size:33px}
.enroll-inner{padding:0 16px}
}
@media (max-width: 576px) {
.heado-title{font-size:33px}
.heado-actions{flex-direction:column}
.price-amount{font-size:33px}
.price-meta-items{gap:16px}
.prog-heading{font-size:24px}
.enroll-form{grid-template-columns:1fr}
}
.webinar-detail-pg{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f9f9f9;overflow-x:clip}
.webinar-detail-pg ::selection{background:#08DCE3;color:#fff}
.webinar-detail-pg :focus-visible{outline:2px solid #08DCE3;outline-offset:3px}
.webinar-detail-pg .heado-container{background:#111;color:#fff;padding:64px 32px;position:relative;overflow:hidden}
.webinar-detail-pg .heado-container::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#08DCE3 0%,#B61566 100%);opacity:.08;pointer-events:none}
.webinar-detail-pg .heado-inner{max-width:1500px;margin:0 auto;display:flex;flex-direction:column;gap:32px}
.webinar-detail-pg .heado-meta-row{display:flex;flex-direction:row;align-items:center;gap:16px;flex-wrap:wrap}
.webinar-detail-pg .cat-tag{background:#08DCE3;color:#111;font-size:14px;font-weight:700;line-height:1.2;padding:4px 16px;border-radius:0;letter-spacing:.04em;text-transform:uppercase}
.webinar-detail-pg .pub-date{font-size:14px;color:#ffffff8c;line-height:1.2}
.webinar-detail-pg .heado-title{font-size:46px;font-weight:800;line-height:1.2;color:#fff;max-width:900px}
.webinar-detail-pg .heado-stats{display:flex;flex-direction:row;flex-wrap:wrap;gap:32px}
.webinar-detail-pg .stat-chip{display:flex;flex-direction:row;align-items:center;gap:8px}
.webinar-detail-pg .stat-chip svg{flex-shrink:0}
.webinar-detail-pg .stat-chip-label{font-size:14px;color:#ffffff8c;line-height:1.2}
.webinar-detail-pg .stat-chip-val{font-size:19px;font-weight:700;color:#fff;line-height:1.2}
.webinar-detail-pg .heado-deco{position:absolute;right:64px;top:32px;width:180px;height:180px;border-radius:28px;border:2px solid #08dce32e;pointer-events:none}
.webinar-detail-pg .heado-deco::after{content:'';position:absolute;inset:16px;border-radius:28px;border:1px solid #b615662e}
.webinar-detail-pg .content-layout{max-width:1500px;margin:0 auto;padding:64px 32px;display:grid;grid-template-columns:1fr 360px;gap:64px;align-items:start}
.webinar-detail-pg .main-col{display:flex;flex-direction:column;gap:64px}
.webinar-detail-pg .img-block{border-radius:28px;overflow:hidden;box-shadow:-1px 12px 60px 0 #08dce321;aspect-ratio:16/9}
.webinar-detail-pg .img-block img{width:100%;height:100%;object-fit:cover;display:block;animation:fadeIn .4s ease-out both}
@keyframes fadeIn {
from{opacity:0}
to{opacity:1}
}
.webinar-detail-pg .desc-block{display:flex;flex-direction:column;gap:16px}
.webinar-detail-pg .section-label{font-size:14px;font-weight:700;color:#08DCE3;text-transform:uppercase;letter-spacing:.06em;line-height:1.2}
.webinar-detail-pg .desc-block h2{font-size:33px;font-weight:800;line-height:1.2;color:#111}
.webinar-detail-pg .desc-content{font-size:19px;line-height:1.75;color:#333}
.webinar-detail-pg .desc-content p{margin-bottom:16px}
.webinar-detail-pg .desc-content p:last-child{margin-bottom:0}
.webinar-detail-pg .desc-content h2{font-size:24px;font-weight:700;color:#111;line-height:1.2;margin-bottom:8px;margin-top:16px}
.webinar-detail-pg .desc-content ul,.webinar-detail-pg .desc-content ol{padding-left:32px;margin-bottom:16px}
.webinar-detail-pg .desc-content li{margin-bottom:8px;line-height:1.75}
.webinar-detail-pg .desc-content blockquote{border-left:4px solid #08DCE3;padding:8px 16px;margin:16px 0;color:#555;font-style:italic;background:#08dce30f;border-radius:0 28px 28px 0}
.webinar-detail-pg .desc-content dl{margin-bottom:16px}
.webinar-detail-pg .desc-content dt{font-weight:700;color:#111}
.webinar-detail-pg .desc-content dd{margin-left:32px;color:#555;margin-bottom:8px}
.webinar-detail-pg .desc-content em{color:#B61566;font-style:italic}
.webinar-detail-pg .program-block{display:flex;flex-direction:column;gap:16px;background:#fff;border-radius:28px;padding:32px;box-shadow:-1px 5px 25px 0 #08dce317}
.webinar-detail-pg .program-block h2{font-size:33px;font-weight:800;line-height:1.2;color:#111}
.webinar-detail-pg .prog-content{font-size:19px;line-height:1.75;color:#333}
.webinar-detail-pg .prog-content p{margin-bottom:16px}
.webinar-detail-pg .prog-content p:last-child{margin-bottom:0}
.webinar-detail-pg .prog-content h2{font-size:24px;font-weight:700;color:#111;line-height:1.2;margin-bottom:8px;margin-top:16px}
.webinar-detail-pg .prog-content strong{color:#B61566}
.webinar-detail-pg .prog-content abbr{border-bottom:1px dotted #08DCE3;cursor:help}
.webinar-detail-pg .prog-content ul,.webinar-detail-pg .prog-content ol{padding-left:32px;margin-bottom:16px}
.webinar-detail-pg .prog-content li{margin-bottom:8px;line-height:1.75}
.webinar-detail-pg .prog-content blockquote{border-left:4px solid #B61566;padding:8px 16px;margin:16px 0;color:#555;font-style:italic;background:#b615660d;border-radius:0 28px 28px 0}
.webinar-detail-pg .prog-content dl{margin-bottom:16px}
.webinar-detail-pg .prog-content dt{font-weight:700;color:#111}
.webinar-detail-pg .prog-content dd{margin-left:32px;color:#555;margin-bottom:8px}
.webinar-detail-pg .prog-content details{border:1px solid #08dce340;border-radius:0;padding:8px 16px;margin-bottom:8px}
.webinar-detail-pg .prog-content summary{font-weight:700;cursor:pointer;color:#111;padding:4px 0}
.webinar-detail-pg .sidebar-col{display:flex;flex-direction:column;gap:32px;position:sticky;top:32px}
.webinar-detail-pg .price-card{background:#fff;border-radius:28px;padding:32px;box-shadow:-1px 12px 60px 0 #08dce321;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden}
.webinar-detail-pg .price-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#08DCE3 0%,#B61566 100%)}
.webinar-detail-pg .corner-badge{position:absolute;top:16px;right:16px;background:#B61566;color:#fff;font-size:14px;font-weight:700;padding:4px 8px;border-radius:0;line-height:1.2}
.webinar-detail-pg .price-label{font-size:14px;color:#888;font-weight:600;line-height:1.2;text-transform:uppercase;letter-spacing:.05em}
.webinar-detail-pg .price-val{font-size:46px;font-weight:800;line-height:1.2;background:linear-gradient(180deg,#08DCE3 0%,#B61566 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.webinar-detail-pg .seats-row{display:flex;flex-direction:row;align-items:center;gap:8px;padding:8px 16px;background:#08dce312;border-radius:0}
.webinar-detail-pg .seats-txt{font-size:14px;color:#333;line-height:1.2}
.webinar-detail-pg .seats-num{font-weight:700;color:#B61566}
.webinar-detail-pg .enroll-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,#08DCE3 0%,#B61566 100%);color:#fff;font-size:19px;font-weight:700;line-height:1.2;padding:16px 32px;border-radius:0;border:none;cursor:pointer;text-decoration:none;transition:opacity .1s ease-out,box-shadow .12s ease-out;box-shadow:-1px 5px 25px 0 #b6156617}
.webinar-detail-pg .enroll-btn:hover{opacity:.88;box-shadow:-1px 12px 60px 0 #b6156621}
.webinar-detail-pg .enroll-btn:active{opacity:.75}
.webinar-detail-pg .info-list{background:#fff;border-radius:28px;padding:32px;box-shadow:-1px 1px 6px 0 #08dce312;display:flex;flex-direction:column;gap:16px}
.webinar-detail-pg .info-item{display:flex;flex-direction:row;align-items:center;gap:16px;padding-bottom:16px;border-bottom:1px solid #08dce321}
.webinar-detail-pg .info-item:last-child{border-bottom:none;padding-bottom:0}
.webinar-detail-pg .info-icon{width:40px;height:40px;border-radius:0;background:#08dce31a;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.webinar-detail-pg .info-txt{display:flex;flex-direction:column;gap:4px}
.webinar-detail-pg .info-txt-label{font-size:14px;color:#888;line-height:1.2}
.webinar-detail-pg .info-txt-val{font-size:19px;font-weight:700;color:#111;line-height:1.2}
.webinar-detail-pg .likes-strip{display:flex;flex-direction:row;align-items:center;gap:8px;padding:16px 32px;background:#fff;border-radius:28px;box-shadow:-1px 1px 6px 0 #08dce312}
.webinar-detail-pg .likes-count{font-size:24px;font-weight:800;color:#B61566;line-height:1.2}
.webinar-detail-pg .likes-label{font-size:14px;color:#888;line-height:1.2}
.webinar-detail-pg .divider-cross{display:flex;flex-direction:row;align-items:center;gap:16px;padding:0 32px;max-width:1500px;margin:0 auto}
.webinar-detail-pg .divider-cross-line{flex:1;height:1px;background:#08dce333}
.webinar-detail-pg .divider-cross-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;position:relative;flex-shrink:0}
.webinar-detail-pg .divider-cross-icon::before,.webinar-detail-pg .divider-cross-icon::after{content:'';position:absolute;background:#08dce366}
.webinar-detail-pg .divider-cross-icon::before{width:16px;height:2px;top:7px;left:0}
.webinar-detail-pg .divider-cross-icon::after{width:2px;height:16px;top:0;left:7px}
@media (max-width: 992px) {
.webinar-detail-pg .content-layout{grid-template-columns:1fr;gap:32px;padding:32px 16px}
.webinar-detail-pg .sidebar-col{position:static}
.webinar-detail-pg .heado-title{font-size:33px}
.webinar-detail-pg .heado-deco{display:none}
.webinar-detail-pg .heado-container{padding:32px 16px}
}
@media (max-width: 576px) {
.webinar-detail-pg .heado-title{font-size:24px}
.webinar-detail-pg .price-val{font-size:33px}
.webinar-detail-pg .heado-stats{gap:16px}
}
.vision-page{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f9f9f9;overflow-x:clip}
.vision-page ::selection{background:#08DCE3;color:#fff}
.vision-page *,.vision-page ::before,.vision-page ::after{box-sizing:border-box}
.heado-block{position:relative;padding:64px 32px;max-width:1500px;margin:0 auto}
.heado-noise{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:0;border-radius:28px;background-color:#fff}
.heado-inner{position:relative;z-index:1;display:flex;flex-direction:row;align-items:center;gap:64px}
.heado-text{flex:1 1 0;min-width:0}
.heado-label{font-size:14px;font-weight:700;letter-spacing:.12em;color:#B61566;text-transform:uppercase;margin-bottom:16px;display:block}
.heado-h1{font-size:62px;line-height:1.2;font-weight:900;color:#111;margin:0 0 32px}
.heado-h1 span{background:linear-gradient(180deg,#08DCE3 0%,#B61566 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.heado-manifesto{font-size:19px;line-height:1.75;color:#333;max-width:560px;margin:0 0 32px}
.heado-manifesto strong{color:#08DCE3;font-weight:700}
.heado-stats{display:flex;flex-direction:row;gap:32px}
.heado-stat{display:flex;flex-direction:column;gap:4px}
.heado-stat-num{font-size:33px;font-weight:900;color:#08DCE3;line-height:1.2}
.heado-stat-desc{font-size:14px;color:#666;line-height:1.5}
.heado-img-wrap{flex:0 0 380px;position:relative;border-radius:28px;overflow:hidden;height:420px}
.heado-img-wrap img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.22;display:block}
.heado-img-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#08dce32e 0%,#b6156638 100%);border-radius:28px}
.heado-img-accent{position:absolute;right:0;top:32px;bottom:32px;width:4px;background:linear-gradient(180deg,#08DCE3 0%,#B61566 100%);border-radius:0}
.metrics-section{background:#fff;padding:64px 32px}
.metrics-inner{max-width:1500px;margin:0 auto}
.metrics-header{margin-bottom:64px}
.metrics-h2{font-size:46px;font-weight:900;color:#111;line-height:1.2;margin:0 0 16px}
.metrics-sub{font-size:19px;color:#555;line-height:1.75;max-width:640px;margin:0}
.metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px}
.metrics-card{border-radius:28px;padding:32px;background:#f5feff;border-right:4px solid #08DCE3;box-shadow:-1px 1px 6px 0 #08dce312;transition:box-shadow .12s ease-out,border-color .1s linear}
.metrics-card:hover{box-shadow:-1px 12px 60px 0 #08dce321;border-color:#B61566}
.metrics-card-icon{width:48px;height:48px;margin-bottom:16px}
.metrics-card-num{font-size:46px;font-weight:900;line-height:1.2;background:linear-gradient(180deg,#08DCE3 0%,#B61566 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}
.metrics-card-title{font-size:19px;font-weight:700;color:#111;margin:0 0 8px;line-height:1.5}
.metrics-card-body{font-size:14px;color:#555;line-height:1.75;margin:0}
.approach-section{position:relative;padding:64px 32px;overflow:hidden}
.approach-bg{position:absolute;inset:0;z-index:0}
.approach-bg img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.approach-bg-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#08dce3e0 0%,#b61566ed 100%)}
.approach-inner{position:relative;z-index:1;max-width:1500px;margin:0 auto;display:flex;flex-direction:row;gap:64px;align-items:flex-start}
.approach-left{flex:1 1 0;min-width:0}
.approach-h2{font-size:46px;font-weight:900;color:#fff;line-height:1.2;margin:0 0 16px}
.approach-intro{font-size:19px;color:#ffffffe6;line-height:1.75;margin:0}
.approach-right{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:16px}
.approach-item{background:#ffffff1f;border-radius:28px;padding:32px;backdrop-filter:blur(6px);transition:background .1s ease-out}
.approach-item:hover{background:#ffffff38;box-shadow:-1px 5px 25px 0 #b6156617}
.approach-item-title{font-size:19px;font-weight:700;color:#fff;margin:0 0 8px;line-height:1.5}
.approach-item-text{font-size:14px;color:#ffffffd9;line-height:1.75;margin:0}
.approach-item-num{font-size:33px;font-weight:900;color:#ffffff40;line-height:1.2;margin-bottom:8px}
.standout-section{padding:64px 32px;background:#111}
.standout-inner{max-width:1500px;margin:0 auto;display:flex;flex-direction:row;gap:64px;align-items:stretch}
.standout-aside{flex:0 0 260px;display:flex;flex-direction:column;gap:16px;justify-content:center}
.standout-aside-label{font-size:14px;font-weight:700;color:#08DCE3;text-transform:uppercase;letter-spacing:.1em}
.standout-aside-h2{font-size:33px;font-weight:900;color:#fff;line-height:1.2;margin:0}
.standout-aside-note{font-size:14px;color:#aaa;line-height:1.75;margin:0}
.standout-content{flex:1 1 0;min-width:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}
.standout-card{border-radius:28px;padding:32px;background:#1e1e1e;box-shadow:-1px 1px 6px 0 #08dce312;transition:transform .1s ease-out,box-shadow .12s ease-out}
.standout-card:hover{transform:translateY(-4px);box-shadow:-1px 12px 60px 0 #08dce321}
.standout-card-featured{border-radius:28px;padding:32px;background:linear-gradient(180deg,#08DCE3 0%,#B61566 100%);grid-column:span 1;position:relative;box-shadow:-1px 5px 25px 0 #08dce317;transition:transform .1s ease-out,box-shadow .12s ease-out}
.standout-card-featured:hover{transform:translateY(-6px) scale(1.02);box-shadow:-1px 12px 60px 0 #08dce321}
.standout-card-img{width:100%;height:180px;object-fit:cover;object-position:center;border-radius:28px 28px 0 0;margin:-32px -32px 16px;width:calc(100% + 64px);opacity:.55}
.standout-card-title{font-size:19px;font-weight:700;color:#fff;margin:0 0 8px;line-height:1.5}
.standout-card-body{font-size:14px;color:#aaa;line-height:1.75;margin:0}
.standout-card-featured .standout-card-title{color:#fff}
.standout-card-featured .standout-card-body{color:#ffffffe0}
.progress-wrap{margin-top:16px}
.progress-label{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:4px}
.progress-label span{font-size:14px;color:#ffffffb3}
.progress-track{height:6px;background:#fff3;border-radius:0;overflow:hidden}
.progress-fill{height:100%;background:#fff;border-radius:0}
.heado-circle-a{position:absolute;width:320px;height:320px;border-radius:50%;border:1px solid #08dce312;top:-64px;right:-64px;pointer-events:none;z-index:0}
.heado-circle-b{position:absolute;width:180px;height:180px;border-radius:50%;border:1px solid #b615660f;bottom:32px;left:32px;pointer-events:none;z-index:0}
.divider-wave{width:100%;overflow:hidden;line-height:0;height:32px;position:relative}
.divider-wave svg{display:block;width:100%}
@media (max-width: 992px) {
.heado-inner{flex-direction:column;gap:32px}
.heado-img-wrap{flex:0 0 auto;width:100%;height:240px}
.heado-h1{font-size:46px}
.approach-inner{flex-direction:column;gap:32px}
.standout-inner{flex-direction:column;gap:32px}
.standout-aside{flex:0 0 auto}
}
@media (max-width: 576px) {
.heado-h1{font-size:33px}
.metrics-h2{font-size:33px}
.approach-h2{font-size:33px}
.heado-stats{flex-direction:column;gap:16px}
.heado-block{padding:32px 16px}
.metrics-section{padding:32px 16px}
.approach-section{padding:32px 16px}
.standout-section{padding:32px 16px}
}
.svc-page{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;overflow-x:hidden}
.svc-page ::selection{background:#08DCE3;color:#fff}
.svc-page ::placeholder{color:#1e1e2866}
.svc-page .heado{max-width:1500px;margin:0 auto;padding:64px 32px 32px;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:end}
.svc-page .heado-txt{padding-bottom:32px}
.svc-page .heado-label{font-size:14px;font-weight:700;color:#08DCE3;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px}
.svc-page .heado-h1{font-size:62px;line-height:1.2;font-weight:800;color:#1a1a2e;margin:0 0 16px}
.svc-page .heado-h1 span{display:block;background:linear-gradient(180deg,#08DCE3 0%,#B61566 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.svc-page .heado-sub{font-size:19px;line-height:1.75;color:#444;max-width:520px}
.svc-page .heado-img-col{position:relative}
.svc-page .heado-img-wrap{width:100%;aspect-ratio:16/10;border-radius:28px;overflow:hidden;box-shadow:-1px 12px 60px 0 #08dce321}
.svc-page .heado-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}
.svc-page .heado-img-grad{position:absolute;top:0;left:0;width:100%;height:50%;background:linear-gradient(180deg,#08dce32e 0%,transparent 100%);border-radius:28px 28px 0 0;pointer-events:none}
.svc-page .heado-shape1{position:absolute;width:120px;height:120px;border-radius:28px;border:3px solid #08dce32e;top:-24px;right:-16px;pointer-events:none}
.svc-page .heado-shape2{position:absolute;width:64px;height:64px;border-radius:28px;border:2px solid #b6156626;bottom:-16px;left:-16px;pointer-events:none}
.svc-page .divider-alt{max-width:1500px;margin:0 auto;padding:0 32px;height:2px;display:flex;align-items:center;gap:4px}
.svc-page .divider-alt span{display:inline-block;height:2px;border-radius:0;background:#08DCE3;opacity:.35}
.svc-page .divider-alt span:nth-child(odd){width:32px}
.svc-page .divider-alt span:nth-child(even){width:8px}
.svc-page .stats-band{background:linear-gradient(180deg,#08DCE3 0%,#B61566 100%);padding:32px}
.svc-page .stats-band-inner{max-width:1500px;margin:0 auto;display:flex;flex-direction:row;gap:32px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.svc-page .stat-item{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;min-width:140px}
.svc-page .stat-icon{width:36px;height:36px;margin-bottom:4px}
.svc-page .stat-num{font-size:46px;line-height:1.2;font-weight:800;color:#fff}
.svc-page .stat-desc{font-size:14px;color:#ffffffd9;text-align:center;line-height:1.5}
.svc-page .cards-sect{max-width:1500px;margin:0 auto;padding:64px 32px}
.svc-page .cards-heading{font-size:33px;line-height:1.2;font-weight:800;color:#1a1a2e;margin:0 0 8px}
.svc-page .cards-subhead{font-size:19px;color:#555;line-height:1.5;margin:0 0 32px;max-width:600px}
.svc-page .cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px}
.svc-page .svc-card{border-radius:28px;background:#fff;box-shadow:-1px 5px 25px 0 #08dce317;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .12s ease-out}
.svc-page .svc-card:hover{box-shadow:-1px 12px 60px 0 #08dce321}
.svc-page .card-img-wrap{width:100%;aspect-ratio:16/9;overflow:hidden;position:relative}
.svc-page .card-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .1s linear}
.svc-page .card-seats{position:absolute;top:16px;right:16px;background:#B61566;color:#fff;font-size:14px;font-weight:700;padding:4px 16px;border-radius:28px}
.svc-page .card-body{padding:16px 16px 8px;flex:1;display:flex;flex-direction:column;gap:8px}
.svc-page .card-title{font-size:19px;font-weight:800;line-height:1.5;color:#1a1a2e;margin:0}
.svc-page .card-desc{font-size:14px;line-height:1.75;color:#555;margin:0;flex:1}
.svc-page .card-meta{display:flex;flex-direction:row;gap:16px;align-items:center;flex-wrap:wrap;padding:8px 0 0}
.svc-page .card-duration{font-size:14px;color:#08DCE3;font-weight:700;display:flex;align-items:center;gap:4px}
.svc-page .card-readtime{font-size:14px;color:#888;display:flex;align-items:center;gap:4px}
.svc-page .card-footer{padding:8px 16px 16px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #08dce31f;margin-top:8px}
.svc-page .card-price-block{display:flex;flex-direction:column;gap:4px}
.svc-page .card-price{font-size:24px;font-weight:800;color:#B61566;line-height:1.2}
.svc-page .card-pricedes{font-size:14px;color:#888;line-height:1.2}
.svc-page .card-note{font-size:14px;color:#aaa;font-style:italic}
.svc-page .card-cta{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(180deg,#08DCE3 0%,#B61566 100%);color:#fff;font-size:14px;font-weight:700;padding:8px 16px;border-radius:28px;text-decoration:none;transition:opacity .1s ease-out;white-space:nowrap}
.svc-page .card-cta:hover{opacity:.88}
.svc-page .card-cta:focus{outline:2px solid #08DCE3;outline-offset:3px}
.svc-page .card-cta svg{width:16px;height:16px;flex-shrink:0}
.svc-page .card-likes-views{display:flex;flex-direction:row;gap:16px;align-items:center;padding:0 16px 16px}
.svc-page .lv-item{font-size:14px;color:#888;display:flex;align-items:center;gap:4px}
.svc-page .lv-item svg{width:15px;height:15px}
.svc-page .pattern-sect{position:relative;overflow:hidden;padding:64px 32px}
.svc-page .pattern-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.svc-page .pattern-bg svg{width:100%;height:100%;opacity:.04}
.svc-page .pattern-inner{max-width:1500px;margin:0 auto;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.svc-page .how-heading{font-size:33px;font-weight:800;line-height:1.2;color:#1a1a2e;margin:0 0 16px}
.svc-page .how-sub{font-size:19px;color:#555;line-height:1.75;margin:0 0 32px}
.svc-page .how-steps{display:flex;flex-direction:column;gap:16px}
.svc-page .how-step{display:flex;flex-direction:row;gap:16px;align-items:flex-start}
.svc-page .step-num{width:40px;height:40px;border-radius:28px;background:linear-gradient(180deg,#08DCE3 0%,#B61566 100%);color:#fff;font-size:19px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:-1px 5px 25px 0 #08dce317}
.svc-page .step-txt{display:flex;flex-direction:column;gap:4px}
.svc-page .step-title{font-size:19px;font-weight:700;color:#1a1a2e;line-height:1.5}
.svc-page .step-body{font-size:14px;color:#555;line-height:1.75}
.svc-page .how-img-wrap{border-radius:28px;overflow:hidden;aspect-ratio:4/3;box-shadow:-1px 12px 60px 0 #b6156621}
.svc-page .how-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}
.svc-page .contact-band{background:#f7feff;box-shadow:inset 0 6px 18px 0 #08dce312;padding:64px 32px}
.svc-page .contact-inner{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:32px;align-items:start}
.svc-page .contact-head-col{grid-column:1 / 3}
.svc-page .contact-heading{font-size:33px;font-weight:800;color:#1a1a2e;line-height:1.2;margin:0 0 16px}
.svc-page .contact-txt{font-size:19px;color:#444;line-height:1.75;margin:0}
.svc-page .contact-detail{display:flex;flex-direction:column;gap:8px}
.svc-page .contact-label{font-size:14px;font-weight:700;color:#08DCE3;text-transform:uppercase;letter-spacing:.1em}
.svc-page .contact-val{font-size:19px;color:#1a1a2e;line-height:1.5;text-decoration:none}
.svc-page .contact-val:hover{color:#B61566}
@media (max-width: 992px) {
.svc-page .heado{grid-template-columns:1fr;padding:32px 16px 16px}
.svc-page .pattern-inner{grid-template-columns:1fr;gap:32px}
.svc-page .contact-inner{grid-template-columns:1fr 1fr}
.svc-page .contact-head-col{grid-column:1 / 3}
.svc-page .stats-band-inner{justify-content:center}
}
@media (max-width: 576px) {
.svc-page .heado-h1{font-size:46px}
.svc-page .cards-sect{padding:32px 16px}
.svc-page .contact-inner{grid-template-columns:1fr}
.svc-page .contact-head-col{grid-column:1}
.svc-page .stat-num{font-size:33px}
.svc-page .pattern-sect{padding:32px 16px}
.svc-page .contact-band{padding:32px 16px}
.svc-page .stats-band{padding:32px 16px}
}
.heado-page{overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.heado-page ::selection{background:#08DCE3;color:#fff}
.heado-page ::-webkit-input-placeholder{opacity:.4}
.heado-page ::placeholder{opacity:.4}
.page-wrap{max-width:1500px;margin:0 auto;padding:0 32px}
.title-block{padding:64px 0;background:#fff;position:relative}
.title-block-inner{max-width:1500px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:stretch}
.title-text-zone{position:relative;padding:32px;display:flex;flex-direction:column;gap:16px;justify-content:center}
.dot-grid-bg{position:absolute;inset:0;background-image:radial-gradient(circle,#08DCE3 1px,transparent 1px);background-size:22px 22px;opacity:.13;pointer-events:none}
.title-eyebrow{font-size:14px;color:#B61566;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.2}
.title-h1{font-size:62px;line-height:1.2;font-weight:800;color:#111;margin:0}
.title-h1-grad{background:linear-gradient(180deg,#08DCE3 0%,#B61566 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.title-desc{font-size:19px;line-height:1.75;color:#333;max-width:520px}
.title-cta-row{display:flex;flex-direction:row;gap:16px;align-items:center;flex-wrap:wrap;margin-top:8px}
.btn-primary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(180deg,#08DCE3 0%,#B61566 100%);color:#fff;font-size:16px;font-weight:700;padding:16px 32px;border-radius:28px;border:none;cursor:pointer;text-decoration:none;transition:opacity .1s ease-out,box-shadow .12s ease-out;box-shadow:-1px 5px 25px 0 #08dce317}
.btn-primary:hover{opacity:.88;box-shadow:-1px 12px 60px 0 #08dce321}
.btn-primary:focus-visible{outline:3px solid #B61566!important;outline-offset:3px!important}
.btn-ghost{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#111;font-size:16px;font-weight:600;padding:16px 32px;border-radius:28px;border:2px solid #08DCE3;cursor:pointer;text-decoration:none;transition:background .1s ease-out,color .1s ease-out}
.btn-ghost:hover{background:#08DCE3;color:#fff}
.btn-ghost:focus-visible{outline:3px solid #B61566!important;outline-offset:3px!important}
.title-mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:8px}
.mosaic-img{width:100%;height:100%;object-fit:cover;border-radius:28px;display:block;opacity:0;transition:opacity .15s ease-out;min-height:200px}
.mosaic-img.loaded{opacity:1}
.mosaic-cell-tall{grid-row:1 / 3}
.mosaic-cell-sm{border-radius:28px;overflow:hidden}
.mosaic-cell-tall-wrap{border-radius:28px;overflow:hidden;grid-row:1 / 3}
.mosaic-cell-sm-wrap{border-radius:28px;overflow:hidden}
.divider-dots{display:flex;flex-direction:column;gap:8px;padding:16px 32px;max-width:1500px;margin:0 auto}
.divider-dots-row{display:flex;gap:8px;flex-wrap:wrap}
.dot-el{width:5px;height:5px;border-radius:0;background:#08DCE3;opacity:.35;flex-shrink:0}
.metrics-strip{background:linear-gradient(180deg,#08DCE3 0%,#B61566 100%);padding:32px 0}
.metrics-inner{max-width:1500px;margin:0 auto;padding:0 32px;display:flex;flex-direction:row;gap:32px;justify-content:space-around;flex-wrap:wrap}
.metric-item{display:flex;flex-direction:column;align-items:center;gap:4px}
.metric-shape{width:80px;height:80px;border:3px solid #fff9;border-radius:0;display:flex;align-items:center;justify-content:center;margin-bottom:8px}
.metric-num{font-size:33px;font-weight:800;color:#fff;line-height:1.2}
.metric-label{font-size:14px;color:#ffffffd9;line-height:1.5;text-align:center;max-width:140px}
.what-section{padding:64px 0;background:#f7fefe;position:relative}
.what-section-bg{position:absolute;inset:0;background-image:linear-gradient(#08dce30a 1px,transparent 1px),linear-gradient(90deg,#08dce30a 1px,transparent 1px);background-size:28px 28px;pointer-events:none}
.what-inner{max-width:1500px;margin:0 auto;padding:0 32px;position:relative}
.what-head{display:flex;flex-direction:column;gap:8px;margin-bottom:32px;max-width:620px}
.section-label{font-size:14px;font-weight:700;color:#08DCE3;text-transform:uppercase;line-height:1.2}
.what-h2{font-size:46px;font-weight:800;color:#111;line-height:1.2;margin:0}
.what-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}
.what-card{background:#fff;border-radius:28px;padding:32px;box-shadow:-1px 1px 6px 0 #08dce312;transition:box-shadow .12s ease-out;display:flex;flex-direction:column;gap:16px}
.what-card:hover{box-shadow:-1px 12px 60px 0 #08dce321}
.card-icon-wrap{width:48px;height:48px;display:flex;align-items:center;justify-content:center}
.card-h4{font-size:24px;font-weight:700;color:#111;line-height:1.2;margin:0}
.card-p{font-size:14px;line-height:1.75;color:#555;margin:0}
.invert-section{background:#0d1a1a;padding:64px 0;position:relative;overflow:hidden}
.invert-section-anim-bg{position:absolute;inset:0;background:#0d1a1a;animation:warmcool 8s ease-in-out infinite alternate;pointer-events:none}
@keyframes warmcool {
0%{background:#0d1a1a}
50%{background:#12201a}
100%{background:#1a1210}
}
.invert-inner{max-width:1500px;margin:0 auto;padding:0 32px;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.invert-img-wrap{border-radius:28px;overflow:hidden;position:relative}
.invert-img{width:100%;height:380px;object-fit:cover;display:block;transition:filter .12s ease-out}
.invert-img-wrap:hover .invert-img{filter:saturate(1.4) brightness(0.9) hue-rotate(10deg)}
.invert-tint{position:absolute;inset:0;background:linear-gradient(180deg,#08dce32e 0%,#b6156638 100%);opacity:0;transition:opacity .12s ease-out;pointer-events:none;border-radius:28px}
.invert-img-wrap:hover .invert-tint{opacity:1}
.invert-text{display:flex;flex-direction:column;gap:16px}
.invert-h2{font-size:46px;font-weight:800;color:#fff;line-height:1.2;margin:0}
.invert-p{font-size:19px;line-height:1.75;color:#ffffffc7;margin:0}
.invert-list{display:flex;flex-direction:column;gap:8px;list-style:none;padding:0;margin:0}
.invert-list-item{display:flex;flex-direction:row;align-items:flex-start;gap:8px;font-size:14px;color:#ffffffb8;line-height:1.5}
.invert-bullet{width:8px;height:8px;background:#08DCE3;border-radius:0;flex-shrink:0;margin-top:5px}
.accord-section{padding:64px 0;background:#fff}
.accord-inner{max-width:1500px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.accord-img-col{display:flex;flex-direction:column;gap:16px}
.accord-img-wrap{border-radius:28px;overflow:hidden;position:relative}
.accord-img{width:100%;height:320px;object-fit:cover;display:block;transition:filter .12s ease-out}
.accord-img-wrap:hover .accord-img{filter:saturate(1.5) brightness(0.88) hue-rotate(-8deg)}
.accord-img-tint{position:absolute;inset:0;background:linear-gradient(180deg,#b6156633 0%,#08dce326 100%);opacity:0;transition:opacity .12s ease-out;pointer-events:none}
.accord-img-wrap:hover .accord-img-tint{opacity:1}
.accord-img-caption{font-size:14px;color:#888;line-height:1.5;text-align:center}
.accord-col{display:flex;flex-direction:column;gap:8px}
.accord-head{margin-bottom:24px;display:flex;flex-direction:column;gap:8px}
.accord-h2{font-size:46px;font-weight:800;color:#111;line-height:1.2;margin:0}
.accord-desc{font-size:14px;line-height:1.75;color:#555;margin:0}
.accord-item{border-radius:0;border-bottom:1px solid #e8e8e8}
.accord-item input[type="checkbox"]{display:none}
.accord-trigger{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:16px 0;cursor:pointer;gap:16px;font-size:19px;font-weight:600;color:#111;line-height:1.5;user-select:none}
.accord-trigger:focus-visible{outline:3px solid #08DCE3!important;outline-offset:2px!important}
.accord-arrow{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:transform .1s ease-out}
.accord-arrow svg{width:16px;height:16px;stroke:#08DCE3;fill:none}
.accord-panel{max-height:0;overflow:hidden;transition:max-height .15s ease-out}
.accord-panel-inner{padding:0 0 16px;font-size:14px;line-height:1.75;color:#555}
.accord-item input[type="checkbox"]:checked ~ .accord-trigger .accord-arrow{transform:rotate(180deg)}
.accord-item input[type="checkbox"]:checked ~ .accord-panel{max-height:300px}
.cta-section{padding:64px 0;background:#f7fefe}
.cta-inner{max-width:1500px;margin:0 auto;padding:0 32px;display:flex;flex-direction:column;align-items:center;gap:32px;text-align:center}
.cta-h2{font-size:46px;font-weight:800;color:#111;line-height:1.2;margin:0;max-width:720px}
.cta-p{font-size:19px;color:#444;line-height:1.75;max-width:580px;margin:0}
.cta-form{display:flex;flex-direction:row;gap:16px;flex-wrap:wrap;justify-content:center;width:100%;max-width:680px}
.cta-input{flex:1;min-width:220px;padding:16px;border-radius:28px;border:2px solid #08DCE3;font-size:16px;color:#111;background:#fff;outline:none;transition:border-color .1s ease-out,box-shadow .1s ease-out}
.cta-input:focus-visible{border-color:#B61566!important;box-shadow:-1px 1px 6px 0 #b6156612!important}
.cta-submit{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(180deg,#08DCE3 0%,#B61566 100%);color:#fff;font-size:16px;font-weight:700;padding:16px 32px;border-radius:28px;border:none;cursor:pointer;transition:opacity .1s ease-out;box-shadow:-1px 5px 25px 0 #08dce317}
.cta-submit:hover{opacity:.85}
.cta-submit:focus-visible{outline:3px solid #B61566!important;outline-offset:3px!important}
.cta-note{font-size:14px;color:#999;line-height:1.5}
@media (max-width: 992px) {
.title-block-inner{grid-template-columns:1fr;gap:32px}
.title-h1{font-size:46px}
.title-mosaic{grid-template-rows:220px 220px}
.invert-inner{grid-template-columns:1fr;gap:32px}
.accord-inner{grid-template-columns:1fr;gap:32px}
.accord-h2{font-size:33px}
.invert-h2{font-size:33px}
.what-h2{font-size:33px}
.cta-h2{font-size:33px}
}
@media (max-width: 576px) {
.title-h1{font-size:33px}
.metrics-inner{gap:16px}
.title-block-inner{padding:0 16px}
.what-inner{padding:0 16px}
.invert-inner{padding:0 16px}
.accord-inner{padding:0 16px}
.cta-inner{padding:0 16px}
.page-wrap{padding:0 16px}
}
.contact-pg{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;overflow-x:clip}
.contact-pg ::selection{background:#08DCE3;color:#fff}
.contact-pg img{display:block;max-width:100%}
.contact-pg a{color:#08DCE3;text-decoration:none}
.contact-pg a:hover{color:#B61566;transition:color .1s ease-out}
.heado-contact{max-width:1500px;margin:0 auto;padding:32px 64px 64px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end;position:relative}
.heado-text-zone{padding-top:64px}
.heado-pill{display:inline-block;background:#08DCE3;color:#fff;font-size:14px;line-height:1.2;padding:4px 16px;border-radius:28px;margin-bottom:16px;font-weight:600}
.heado-contact h1{font-size:62px;line-height:1.2;font-weight:800;color:#1a1a1a;margin:0 0 16px}
.heado-contact h1 mark{background:none;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(to bottom,#08DCE3,#B61566);text-decoration:underline;text-decoration-color:#08DCE3;text-underline-offset:6px}
.heado-contact p{font-size:19px;line-height:1.75;color:#444;margin:0;max-width:480px}
.heado-img-zone{position:relative;height:480px}
.heado-shape-clip{width:100%;height:100%;overflow:hidden;border-radius:0 0 0 28px;clip-path:polygon(8% 0%,100% 0%,100% 88%,92% 100%,0% 100%,0% 12%)}
.heado-shape-clip img{width:100%;height:100%;object-fit:cover;opacity:.72}
.deco-circle-a{position:absolute;width:80px;height:80px;border-radius:0;top:-16px;left:-16px;border:4px solid #08DCE3;opacity:.35;pointer-events:none;transform:rotate(18deg)}
.deco-rect-b{position:absolute;width:48px;height:48px;border-radius:28px;bottom:32px;right:-8px;background:#B61566;opacity:.18;pointer-events:none}
.divider-a{max-width:1500px;margin:0 auto;padding:0 64px}
.divider-a hr{border:none;height:3px;background:linear-gradient(to right,#08DCE3 0%,#B61566 60%,transparent 100%);border-radius:0;margin:0}
.contact-body{background:linear-gradient(to bottom,#f5fefe,#fff8fc);padding:64px 0}
.contact-body-inner{max-width:1500px;margin:0 auto;padding:0 64px;display:grid;grid-template-columns:1fr 2fr;gap:64px;align-items:start}
.info-panel h2{font-size:33px;line-height:1.2;font-weight:800;color:#1a1a1a;margin:0 0 16px}
.info-panel p{font-size:14px;line-height:1.75;color:#555;margin:0 0 32px}
.info-items{display:flex;flex-direction:column;gap:16px}
.info-item{display:flex;flex-direction:row;gap:16px;align-items:flex-start}
.info-icon{width:40px;height:40px;border-radius:28px;background:#08DCE3;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:-1px 1px 6px 0 #08dce312}
.info-icon svg{width:20px;height:20px}
.info-item-text{flex:1}
.info-item-text strong{display:block;font-size:14px;line-height:1.2;color:#1a1a1a;font-weight:700;margin-bottom:4px}
.info-item-text span{font-size:14px;line-height:1.5;color:#555}
.form-panel{background:#fff;border-radius:28px;padding:32px;box-shadow:-1px 5px 25px 0 #08dce317}
.form-panel h3{font-size:24px;line-height:1.2;font-weight:800;color:#1a1a1a;margin:0 0 8px}
.form-panel > p{font-size:14px;line-height:1.5;color:#666;margin:0 0 32px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.form-field{display:flex;flex-direction:column;gap:8px}
.form-field-full{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.form-field label,.form-field-full label{font-size:14px;line-height:1.2;font-weight:600;color:#333}
.form-field input,.form-field-full input,.form-field-full select,.form-field-full textarea{border:1.5px solid #e0e0e0;border-radius:0;padding:16px;font-size:14px;line-height:1.5;color:#1a1a1a;background:#fafafa;outline:none;transition:border-color .08s ease-out,box-shadow .12s linear;width:100%;box-sizing:border-box;-webkit-appearance:none;appearance:none}
.form-field input::placeholder,.form-field-full input::placeholder,.form-field-full textarea::placeholder{color:#1a1a1a66}
.form-field input:focus,.form-field-full input:focus,.form-field-full select:focus,.form-field-full textarea:focus{border-color:#08DCE3;box-shadow:inset 0 4px 8px 0 #08dce317;background:#fff}
.form-field-full select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2308DCE3' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}
.form-field-full textarea{resize:vertical;min-height:96px}
.channel-group{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}
.channel-label{font-size:14px;line-height:1.2;font-weight:600;color:#333;margin-bottom:8px;display:block}
.channel-opt{position:relative}
.channel-opt input[type="radio"]{position:absolute;opacity:0;width:0;height:0}
.channel-opt label{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;border:1.5px solid #e0e0e0;border-radius:28px;cursor:pointer;font-size:14px;line-height:1.2;color:#555;text-align:center;transition:border-color .1s ease-out,background .1s ease-out;user-select:none}
.channel-opt input[type="radio"]:checked + label{border-color:#08DCE3;background:#08dce30f;color:#1a1a1a;font-weight:700;box-shadow:-1px 1px 6px 0 #08dce312}
.channel-opt label svg{width:22px;height:22px}
.privacy-row{display:flex;flex-direction:row;align-items:flex-start;gap:8px;margin-bottom:32px}
.privacy-row input[type="checkbox"]{width:18px;height:18px;flex-shrink:0;margin-top:2px;accent-color:#08DCE3;cursor:pointer}
.privacy-row span{font-size:14px;line-height:1.5;color:#555}
.privacy-row a{color:#B61566}
.submit-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(to bottom,#08DCE3,#B61566);color:#fff;border:none;border-radius:28px;padding:16px 32px;font-size:19px;line-height:1.2;font-weight:700;cursor:pointer;box-shadow:-1px 5px 25px 0 #08dce317;transition:opacity .08s ease-out,box-shadow .12s linear;-webkit-font-smoothing:antialiased}
.submit-btn:hover{opacity:.9;box-shadow:-1px 12px 60px 0 #08dce321}
.submit-btn:active{opacity:.8;box-shadow:inset 0 5px 10px 0 #08dce321}
.submit-btn svg{width:20px;height:20px}
.divider-b{max-width:1500px;margin:0 auto;padding:0 64px}
.divider-b hr{border:none;height:5px;background:linear-gradient(to right,transparent 0%,#B61566 40%,#08DCE3 100%);border-radius:0;margin:0}
.commitment-block{max-width:1500px;margin:0 auto;padding:64px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;align-items:stretch}
.commitment-img-wrap{position:relative;grid-column:1 / 2;border-radius:28px;overflow:hidden;box-shadow:-1px 12px 60px 0 #b6156621}
.commitment-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}
.commitment-text-zone{grid-column:2 / 4;display:flex;flex-direction:column;justify-content:center;gap:32px}
.commitment-text-zone h2{font-size:46px;line-height:1.2;font-weight:800;color:#1a1a1a;margin:0}
.commitment-text-zone > p{font-size:19px;line-height:1.75;color:#444;margin:0}
.commitment-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.stat-card{background:#fff;border-radius:28px;padding:32px;box-shadow:-1px 5px 25px 0 #08dce317;border-top:4px solid #08DCE3}
.stat-card:nth-child(2){border-top-color:#B61566}
.stat-card strong{display:block;font-size:33px;line-height:1.2;font-weight:800;color:#08DCE3;margin-bottom:8px}
.stat-card:nth-child(2) strong{color:#B61566}
.stat-card p{font-size:14px;line-height:1.5;color:#555;margin:0}
.chart-wrap{background:#fff;border-radius:28px;padding:32px;box-shadow:-1px 5px 25px 0 #08dce317}
.chart-wrap h6{font-size:14px;line-height:1.2;font-weight:700;color:#333;margin:0 0 16px}
.animated-reveal{overflow:hidden;animation:heightExpand .6s ease-out forwards}
@keyframes heightExpand {
from{max-height:0;opacity:0}
to{max-height:900px;opacity:1}
}
@media (max-width: 1200px) {
.heado-contact{padding:32px 32px 64px;gap:32px}
.contact-body-inner{padding:0 32px}
.divider-a,.divider-b{padding:0 32px}
.commitment-block{padding:64px 32px}
}
@media (max-width: 992px) {
.heado-contact{grid-template-columns:1fr;padding:32px}
.heado-img-zone{height:320px;order:-1}
.heado-contact h1{font-size:46px}
.contact-body-inner{grid-template-columns:1fr;gap:32px}
.form-row{grid-template-columns:1fr}
.channel-group{grid-template-columns:repeat(3,1fr)}
.commitment-block{grid-template-columns:1fr}
.commitment-img-wrap{grid-column:1;height:240px}
.commitment-text-zone{grid-column:1}
.commitment-text-zone h2{font-size:33px}
}
@media (max-width: 576px) {
.heado-contact{padding:16px 16px 32px}
.heado-contact h1{font-size:33px}
.contact-body-inner{padding:0 16px}
.divider-a,.divider-b{padding:0 16px}
.commitment-block{padding:32px 16px}
.channel-group{grid-template-columns:1fr 1fr 1fr}
.form-panel{padding:16px}
.commitment-stats{grid-template-columns:1fr}
}
.webinars-page{background:#fff;overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.webinars-page ::selection{background:#08DCE3;color:#fff}
.webinars-page ::placeholder{color:#14142866}
.webinars-page .heado-wrap{background:linear-gradient(180deg,#f4feff 0%,#fff 100%);padding:64px 32px;position:relative;overflow:hidden}
.webinars-page .heado-wrap::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,#08dce312 1px,transparent 1px);background-size:28px 28px;pointer-events:none}
.webinars-page .heado-inner{max-width:1500px;margin:0 auto;display:flex;flex-direction:row;align-items:center;gap:64px}
.webinars-page .heado-text-zone{flex:1 1 0;padding:32px 32px 32px 0;position:relative}
.webinars-page .heado-text-zone::before{content:'';position:absolute;top:0;left:-16px;width:120px;height:120px;background-image:radial-gradient(circle,#08dce321 1.5px,transparent 1.5px);background-size:14px 14px;pointer-events:none}
.webinars-page .heado-label{display:inline-block;font-size:14px;font-weight:700;color:#08DCE3;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px;padding:4px 16px;border:1.5px solid #08dce34d;border-radius:28px}
.webinars-page .heado-h1{font-size:62px;line-height:1.2;font-weight:900;color:#0e0e1a;margin:0 0 16px}
.webinars-page .heado-h1 span{background:linear-gradient(180deg,#08DCE3 0%,#B61566 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.webinars-page .heado-sub{font-size:19px;line-height:1.75;color:#3a3a4a;margin:0;max-width:480px}
.webinars-page .heado-img-zone{flex:0 0 460px;position:relative;border-radius:28px;overflow:hidden;box-shadow:-1px 12px 60px 0 #08dce321;padding:0}
.webinars-page .heado-img-zone img{display:block;width:100%;height:380px;object-fit:cover;border-radius:28px}
.webinars-page .heado-img-zone::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#08dce32e 0%,#b6156638 100%);border-radius:28px;pointer-events:none}
.webinars-page .heado-img-zone .scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#08dce30a 3px,#08dce30a 4px);border-radius:28px;pointer-events:none;z-index:1}
.webinars-page .cards-section{padding:64px 32px;background:#fff;max-width:1500px;margin:0 auto}
.webinars-page .cards-section-head{margin-bottom:32px}
.webinars-page .cards-section-head h2{font-size:33px;font-weight:800;color:#0e0e1a;margin:0 0 8px;line-height:1.2}
.webinars-page .cards-section-head p{font-size:19px;color:#5a5a6e;margin:0;line-height:1.5}
.webinars-page .cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px}
.webinars-page .wcard{border-radius:28px;background:#fff;box-shadow:-1px 5px 25px 0 #08dce317;overflow:hidden;display:flex;flex-direction:column;transform:scale(0.95);animation:cardSettle .15s ease-out forwards;transition:box-shadow .12s ease-out,transform .1s ease-out}
.webinars-page .wcard:nth-child(1){animation-delay:.04s}
.webinars-page .wcard:nth-child(2){animation-delay:.08s}
.webinars-page .wcard:nth-child(3){animation-delay:.12s}
.webinars-page .wcard:nth-child(4){animation-delay:.16s}
@keyframes cardSettle {
to{transform:scale(1)}
}
.webinars-page .wcard:hover{box-shadow:-1px 12px 60px 0 #08dce321;transform:scale(1.01)}
.webinars-page .wcard-img-wrap{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;flex-shrink:0}
.webinars-page .wcard-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .1s linear}
.webinars-page .wcard-img-wrap .tint{position:absolute;inset:0;background:linear-gradient(180deg,#08dce326 0%,#b6156633 100%);pointer-events:none}
.webinars-page .wcard-tag{position:absolute;top:16px;left:16px;background:#08DCE3;color:#fff;font-size:14px;font-weight:700;padding:4px 16px;border-radius:28px;z-index:2}
.webinars-page .wcard-body{padding:24px;display:flex;flex-direction:column;gap:8px;flex:1 1 auto}
.webinars-page .wcard-title{font-size:19px;font-weight:800;color:#0e0e1a;line-height:1.2;margin:0}
.webinars-page .wcard-desc{font-size:14px;color:#5a5a6e;line-height:1.75;margin:0}
.webinars-page .wcard-meta{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;margin-top:8px}
.webinars-page .wcard-meta-item{display:flex;flex-direction:row;align-items:center;gap:4px;font-size:14px;color:#3a3a4a}
.webinars-page .wcard-meta-item svg{flex-shrink:0}
.webinars-page .wcard-foot{padding:16px 24px;border-top:1px solid #08dce31f;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px}
.webinars-page .wcard-price{font-size:24px;font-weight:900;color:#B61566;line-height:1.2}
.webinars-page .wcard-btn{display:inline-flex;flex-direction:row;align-items:center;gap:8px;background:linear-gradient(180deg,#08DCE3 0%,#06b8be 100%);color:#fff;font-size:14px;font-weight:700;padding:8px 24px;border-radius:28px;text-decoration:none;border:none;cursor:pointer;transition:background .1s ease-out,box-shadow .1s ease-out;box-shadow:-1px 1px 6px 0 #08dce312}
.webinars-page .wcard-btn:hover{background:linear-gradient(180deg,#06c8ce 0%,#B61566 100%);box-shadow:-1px 5px 25px 0 #08dce317}
.webinars-page .wcard-btn:focus{outline:2px solid #08DCE3;outline-offset:2px}
.webinars-page .wcard-likes{display:flex;flex-direction:row;align-items:center;gap:4px;font-size:14px;color:#B61566;font-weight:700}
.webinars-page .process-section{background:linear-gradient(180deg,#f4feff 0%,#fdf0f7 100%);padding:64px 32px}
.webinars-page .process-inner{max-width:1500px;margin:0 auto}
.webinars-page .process-inner h2{font-size:46px;font-weight:900;color:#0e0e1a;margin:0 0 8px;line-height:1.2}
.webinars-page .process-inner .proc-sub{font-size:19px;color:#5a5a6e;margin:0 0 32px;line-height:1.5;max-width:600px}
.webinars-page .proc-steps{display:flex;flex-direction:row;align-items:flex-start;gap:0;flex-wrap:wrap}
.webinars-page .proc-step{flex:1 1 180px;display:flex;flex-direction:column;align-items:flex-start;padding:32px 24px;position:relative;background:#fff;border-radius:28px;box-shadow:-1px 1px 6px 0 #08dce312;margin:8px;min-width:160px;transform:scale(0.95);animation:cardSettle .15s ease-out forwards}
.webinars-page .proc-step:nth-child(1){animation-delay:.05s}
.webinars-page .proc-step:nth-child(2){animation-delay:.09s}
.webinars-page .proc-step:nth-child(3){animation-delay:.13s}
.webinars-page .proc-step:nth-child(4){animation-delay:.17s}
.webinars-page .proc-step-num{font-size:62px;font-weight:900;line-height:1.2;background:linear-gradient(180deg,#08DCE3 0%,#B61566 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}
.webinars-page .proc-step h4{font-size:19px;font-weight:800;color:#0e0e1a;margin:0 0 8px;line-height:1.2}
.webinars-page .proc-step p{font-size:14px;color:#5a5a6e;line-height:1.75;margin:0}
.webinars-page .proc-arrow{display:flex;align-items:center;justify-content:center;align-self:center;flex-shrink:0;margin:8px -4px;z-index:1}
.webinars-page .cta-section{background:#0e0e1a;padding:64px 32px;position:relative;overflow:hidden}
.webinars-page .cta-section::before{content:'';position:absolute;top:-64px;right:-64px;width:320px;height:320px;background:#08dce30f;border-radius:28px;pointer-events:none;transform:rotate(20deg)}
.webinars-page .cta-inner{max-width:1500px;margin:0 auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:64px;flex-wrap:wrap}
.webinars-page .cta-text h2{font-size:46px;font-weight:900;color:#fff;margin:0 0 16px;line-height:1.2}
.webinars-page .cta-text h2 span{background:linear-gradient(180deg,#08DCE3 0%,#B61566 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.webinars-page .cta-text p{font-size:19px;color:#ffffffb3;line-height:1.75;margin:0;max-width:500px}
.webinars-page .cta-actions{display:flex;flex-direction:row;gap:16px;align-items:center;flex-wrap:wrap}
.webinars-page .cta-btn-primary{display:inline-flex;flex-direction:row;align-items:center;gap:8px;background:linear-gradient(180deg,#08DCE3 0%,#06b8be 100%);color:#fff;font-size:19px;font-weight:800;padding:16px 32px;border-radius:28px;text-decoration:none;border:none;cursor:pointer;box-shadow:-1px 5px 25px 0 #08dce317;transition:background .12s ease-out,box-shadow .1s ease-out}
.webinars-page .cta-btn-primary:hover{background:linear-gradient(180deg,#06c8ce 0%,#B61566 100%);box-shadow:-1px 12px 60px 0 #08dce321}
.webinars-page .cta-btn-primary:focus{outline:2px solid #08DCE3;outline-offset:2px}
.webinars-page .cta-btn-secondary{display:inline-flex;flex-direction:row;align-items:center;gap:8px;background:transparent;color:#fff;font-size:19px;font-weight:700;padding:16px 32px;border-radius:28px;text-decoration:none;border:2px solid #08dce366;cursor:pointer;transition:border-color .1s ease-out,background .1s ease-out}
.webinars-page .cta-btn-secondary:hover{border-color:#08DCE3;background:#08dce314}
.webinars-page .cta-btn-secondary:focus{outline:2px solid #08DCE3;outline-offset:2px}
@media (max-width: 992px) {
.webinars-page .heado-inner{flex-direction:column;gap:32px}
.webinars-page .heado-img-zone{flex:0 0 auto;width:100%}
.webinars-page .heado-text-zone{padding:16px 0}
.webinars-page .heado-h1{font-size:46px}
.webinars-page .proc-arrow{display:none}
.webinars-page .cta-inner{flex-direction:column;gap:32px}
.webinars-page .cta-text h2{font-size:33px}
}
@media (max-width: 576px) {
.webinars-page .heado-h1{font-size:33px}
.webinars-page .cards-section{padding:32px 16px}
.webinars-page .process-section{padding:32px 16px}
.webinars-page .cta-section{padding:32px 16px}
.webinars-page .heado-wrap{padding:32px 16px}
.webinars-page .process-inner h2{font-size:33px}
.webinars-page .cta-actions{flex-direction:column;align-items:stretch}
}
.about-pg{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f9f9f9;overflow-x:clip}
.about-pg ::selection{background:#08DCE3;color:#fff}
.about-pg *,.about-pg ::before,.about-pg ::after{box-sizing:border-box}
.about-pg .heado-strip{width:100%;height:260px;overflow:hidden;position:relative}
.about-pg .heado-strip img{width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block;filter:saturate(0.75) sepia(0.18) brightness(0.88);transition:opacity .12s ease-out}
.about-pg .heado-strip::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,#08dce314 0%,#b615662e 100%);pointer-events:none}
.about-pg .title-zone{max-width:1500px;margin:0 auto;padding:64px}
.about-pg .title-zone h1{font-size:62px;line-height:1.2;font-weight:800;color:#111;margin:0 0 16px;max-width:900px}
.about-pg .title-zone h1 span{background:linear-gradient(to bottom,#08DCE3 0%,#B61566 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.about-pg .title-zone .sub-intro{font-size:19px;line-height:1.75;color:#444;max-width:660px;margin:0}
.about-pg .divider-torn{width:100%;line-height:0;overflow:hidden}
.about-pg .divider-torn svg{display:block;width:100%}
.about-pg .story-section{background:#fff;padding:64px 0 32px}
.about-pg .story-inner{max-width:1500px;margin:0 auto;padding:0 64px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.about-pg .story-text-col{display:flex;flex-direction:column;gap:32px}
.about-pg .story-text-col h2{font-size:46px;line-height:1.2;font-weight:800;color:#111;margin:0}
.about-pg .story-text-col p{font-size:19px;line-height:1.75;color:#333;margin:0}
.about-pg .story-text-col .accent-line{display:flex;flex-direction:row;gap:8px;align-items:center}
.about-pg .story-text-col .accent-line span{font-size:33px;font-weight:800;color:#B61566;line-height:1.2}
.about-pg .story-text-col .accent-line p{font-size:14px;line-height:1.5;color:#555;margin:0;max-width:200px}
.about-pg .story-img-col{display:flex;flex-direction:column;gap:16px;position:relative}
.about-pg .img-double-border{display:inline-block;padding:6px;border:2px solid #08DCE3;outline:2px solid #B61566;outline-offset:6px;border-radius:28px}
.about-pg .story-img-col img{width:100%;height:340px;object-fit:cover;border-radius:28px;display:block;transition:opacity .1s linear}
.about-pg .img-badge{position:absolute;bottom:-16px;right:16px;background:#B61566;color:#fff;font-size:14px;line-height:1.5;font-weight:700;padding:8px 16px;border-radius:28px;box-shadow:-1px 5px 25px 0 #b6156617}
.about-pg .metrics-row{display:flex;flex-direction:row;gap:32px;flex-wrap:wrap;padding:32px 0 0}
.about-pg .metric-item{display:flex;flex-direction:column;gap:4px}
.about-pg .metric-item strong{font-size:46px;line-height:1.2;font-weight:800;color:#08DCE3}
.about-pg .metric-item span{font-size:14px;line-height:1.5;color:#555}
.about-pg .divider-torn2{width:100%;line-height:0;background:#fff;overflow:hidden}
.about-pg .divider-torn2 svg{display:block;width:100%}
.about-pg .team-section{background:#f9f9f9;padding:64px 0}
.about-pg .team-inner{max-width:1500px;margin:0 auto;padding:0 64px}
.about-pg .team-header{display:flex;flex-direction:row;align-items:flex-end;gap:64px;margin-bottom:64px}
.about-pg .team-header h2{font-size:46px;line-height:1.2;font-weight:800;color:#111;margin:0;flex:0 0 auto}
.about-pg .team-header p{font-size:19px;line-height:1.75;color:#444;margin:0;max-width:560px}
.about-pg .team-mosaic{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px}
.about-pg .person-card{background:#fff;border-radius:28px;box-shadow:-1px 1px 6px 0 #08dce312;overflow:hidden;transition:box-shadow .1s ease-out;display:flex;flex-direction:column}
.about-pg .person-card:hover{box-shadow:-1px 12px 60px 0 #08dce321}
.about-pg .person-card .pcard-img-wrap{width:100%;height:240px;overflow:hidden;position:relative}
.about-pg .person-card .pcard-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .12s ease-out}
.about-pg .person-card .pcard-img-wrap::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,#08dce30a 0%,#b615661a 100%);pointer-events:none}
.about-pg .pcard-body{padding:32px;display:flex;flex-direction:column;gap:8px;flex:1}
.about-pg .pcard-body h4{font-size:24px;line-height:1.2;font-weight:800;color:#111;margin:0}
.about-pg .pcard-body .ptitle{font-size:14px;line-height:1.5;color:#08DCE3;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin:0}
.about-pg .pcard-body p{font-size:14px;line-height:1.75;color:#555;margin:8px 0 0}
.about-pg .step-track-section{background:#fff;padding:64px 0}
.about-pg .step-track-inner{max-width:1500px;margin:0 auto;padding:0 64px}
.about-pg .step-track-inner h2{font-size:33px;line-height:1.2;font-weight:800;color:#111;margin:0 0 16px}
.about-pg .step-track-inner > p{font-size:19px;line-height:1.75;color:#444;max-width:700px;margin:0 0 64px}
.about-pg .hstep-tracker{display:flex;flex-direction:row;gap:0;position:relative;align-items:flex-start}
.about-pg .hstep-tracker::before{content:'';position:absolute;top:28px;left:28px;right:28px;height:2px;background:linear-gradient(to right,#08DCE3,#B61566);z-index:0}
.about-pg .hstep{flex:1;display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;z-index:1;padding:0 8px}
.about-pg .hstep-num{width:56px;height:56px;border-radius:28px;background:#fff;border:3px solid #08DCE3;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:800;color:#B61566;box-shadow:-1px 5px 25px 0 #08dce317;flex-shrink:0}
.about-pg .hstep:nth-child(even) .hstep-num{border-color:#B61566;color:#08DCE3}
.about-pg .hstep-label{font-size:14px;line-height:1.5;font-weight:700;color:#111;text-align:center}
.about-pg .hstep-desc{font-size:14px;line-height:1.5;color:#666;text-align:center}
.about-pg .img-mosaic-pair{display:grid;grid-template-columns:3fr 2fr;gap:16px;margin-top:64px}
.about-pg .img-mosaic-pair img{width:100%;height:280px;object-fit:cover;border-radius:28px;display:block}
@media (max-width: 992px) {
.about-pg .title-zone{padding:32px}
.about-pg .title-zone h1{font-size:46px}
.about-pg .story-inner{grid-template-columns:1fr;padding:0 32px;gap:32px}
.about-pg .team-inner{padding:0 32px}
.about-pg .team-header{flex-direction:column;align-items:flex-start;gap:16px}
.about-pg .step-track-inner{padding:0 32px}
.about-pg .hstep-tracker{flex-direction:column;gap:32px}
.about-pg .hstep-tracker::before{display:none}
.about-pg .hstep{flex-direction:row;align-items:flex-start;gap:16px}
.about-pg .hstep-label,.about-pg .hstep-desc{text-align:left}
.about-pg .img-mosaic-pair{grid-template-columns:1fr}
.about-pg .heado-strip{height:180px}
}
@media (max-width: 576px) {
.about-pg .title-zone{padding:32px 16px}
.about-pg .title-zone h1{font-size:33px}
.about-pg .story-inner{padding:0 16px;gap:32px}
.about-pg .team-section{padding:32px 0}
.about-pg .team-inner{padding:0 16px}
.about-pg .step-track-section{padding:32px 0}
.about-pg .step-track-inner{padding:0 16px}
.about-pg .metrics-row{gap:16px}
.about-pg .metric-item strong{font-size:33px}
.about-pg .heado-strip{height:140px}
}
.about-pg .animate-fade-in{animation:fadeIn .15s ease-out both}
@keyframes fadeIn {
from{opacity:0;filter:blur(8px)}
to{opacity:1;filter:blur(0)}
}
.succ-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.succ-page ::selection{background:#08DCE3;color:#fff}
.succ-card{max-width:600px;width:100%;background:#fff;border-radius:28px;padding:64px;box-shadow:-1px 12px 60px 0 #08dce321;text-align:center}
.succ-card .icon-wrap{width:80px;height:80px;margin:0 auto 32px;border-radius:28px;background:linear-gradient(180deg,#08DCE3 0%,#B61566 100%);display:flex;align-items:center;justify-content:center;box-shadow:-1px 5px 25px 0 #08dce317}
.succ-card .icon-wrap svg{width:36px;height:36px}
.succ-card .heado{font-size:33px;font-weight:700;line-height:1.2;color:#1a1a1a;margin:0 0 16px}
.succ-card .sub-txt{font-size:19px;line-height:1.75;color:#444;margin:0 0 32px}
.succ-card .detail-row{background:#f7fefe;border-radius:28px;padding:32px;margin:0 0 32px;box-shadow:inset -1px 4px 10px 0 #08dce312}
.succ-card .detail-row .detail-label{font-size:14px;line-height:1.5;color:#08DCE3;font-weight:700;text-transform:uppercase;margin:0 0 8px;letter-spacing:.04em}
.succ-card .detail-row .detail-val{font-size:19px;line-height:1.5;color:#1a1a1a;margin:0}
.succ-card .divider-line{width:64px;height:3px;background:linear-gradient(180deg,#08DCE3 0%,#B61566 100%);border-radius:0;margin:0 auto 32px}
.succ-card .contact-note{font-size:14px;line-height:1.75;color:#888;margin:0 0 32px}
.succ-card .contact-note a{color:#B61566;text-decoration:none;font-weight:600;transition:color .1s ease-out}
.succ-card .contact-note a:hover{color:#08DCE3}
.succ-card .back-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(180deg,#08DCE3 0%,#B61566 100%);color:#fff;font-size:19px;font-weight:600;line-height:1.2;padding:16px 32px;border-radius:28px;text-decoration:none;box-shadow:-1px 5px 25px 0 #08dce317;transition:box-shadow .12s ease-out,opacity .1s linear}
.succ-card .back-btn:hover{opacity:.9;box-shadow:-1px 12px 60px 0 #08dce321}
.succ-card .back-btn:active{opacity:.8;box-shadow:inset -1px 4px 8px 0 #b6156621}
.succ-card .back-btn svg{width:18px;height:18px;flex-shrink:0}
@media (max-width: 576px) {
.succ-page{padding:32px 16px}
.succ-card{padding:32px 16px}
.succ-card .heado{font-size:24px}
.succ-card .sub-txt{font-size:14px}
}