@import "https://cdn.jsdelivr.net/npm/@fontsource/bitter@latest/300.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/bitter@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/bitter@latest/700.css";
*{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:'Bitter',serif;line-height:1.6;color:#EBF0F4;background:linear-gradient(147deg,#0a0a14 0%,#1E1D2E 35%,#151424 70%,#0d0d1a 100%);min-height:100vh}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto;display:block}
.domain-header{background:linear-gradient(162deg,#1E1D2E 0%,#141323 50%,#1a1929 100%);box-shadow:0 4px 12px #0006 0 8px 24px #00c1f214;position:relative}
.header-top-row{padding:28px 20px 20px;max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}
.brand-center-box{display:flex;flex-direction:column;align-items:center;gap:12px;flex:0 0 auto}
.domain-logo-wrapper{width:110px;height:110px;display:flex;align-items:center;justify-content:center;background:#00c1f20d;border-radius:28px;padding:18px;box-shadow:0 2px 8px #0000004d inset 0 1px 3px #ebf0f41a}
.domain-logo-wrapper img{width:100%;height:100%;object-fit:contain}
.brand-name-text{font-size:24px;font-weight:700;color:#EBF0F4;letter-spacing:.5px;text-shadow:0 2px 6px #00000080}
.header-nav-row{background:linear-gradient(178deg,#1e1d2e99 0%,#141323cc 100%);border-top:1px solid #00c1f226;box-shadow:0 2px 8px #0003}
.nav-container-wrap{max-width:1280px;margin:0 auto;padding:0 20px}
.main-nav-list{display:flex;align-items:center;justify-content:center;gap:8px;list-style:none;flex-wrap:wrap;padding:16px 0}
.main-nav-list li{flex:0 0 auto}
.main-nav-list a{display:block;padding:12px 28px;font-size:15px;font-weight:400;color:#EBF0F4;border-radius:22px;transition:background .25s ease,color .25s ease;white-space:nowrap}
.main-nav-list a:hover{background:#00c1f21f;color:#00C1F2}
.domain-footer-section{background:linear-gradient(184deg,#1E1D2E 0%,#0f0e1c 100%);margin-top:80px;padding:60px 20px 40px;box-shadow:0 -4px 16px #0000004d;border-top:1px solid #00c1f21f}
.footer-content-wrapper{max-width:1280px;margin:0 auto}
.footer-grid-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:50px;margin-bottom:50px}
.footer-info-block h3{font-size:18px;font-weight:700;color:#00C1F2;margin-bottom:20px;letter-spacing:.3px}
.footer-info-block p{font-size:14px;line-height:1.8;color:#c5d0db;margin-bottom:12px}
.footer-info-block a{color:#EBF0F4;transition:color .2s ease}
.footer-info-block a:hover{color:#00C1F2}
.footer-nav-links{list-style:none}
.footer-nav-links li{margin-bottom:14px}
.footer-nav-links a{font-size:14px;color:#c5d0db;transition:color .2s ease,padding-left .2s ease;display:inline-block}
.footer-nav-links a:hover{color:#00C1F2;padding-left:6px}
.footer-bottom-bar{padding-top:30px;border-top:1px solid #ebf0f41a;text-align:center}
.footer-bottom-bar p{font-size:13px;color:#9ca9b8;line-height:1.7}
.cookie-popup-container{position:fixed;right:0;top:50%;transform:translateY(-50%) translateX(100%);background:linear-gradient(135deg,#1E1D2E 0%,#252438 100%);border-radius:28px 0 0 28px;box-shadow:-6px 0 24px #00000080 0 0 40px #00c1f226;padding:32px 28px;max-width:420px;z-index:10000;border:1px solid #00c1f233;border-right:none;transition:transform .4s cubic-bezier(0.68,-0.55,0.265,1.55)}
.cookie-popup-container.show-popup{transform:translateY(-50%) translateX(0)}
.cookie-popup-container.hide-popup{transform:translateY(-50%) translateX(100%)}
.cookie-tabs-header{display:flex;gap:12px;margin-bottom:24px;border-bottom:1px solid #ebf0f41a}
.cookie-tab-btn{background:none;border:none;padding:10px 18px;font-size:14px;color:#9ca9b8;cursor:pointer;border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease;font-family:'Bitter',serif}
.cookie-tab-btn.active-tab{color:#00C1F2;border-bottom-color:#00C1F2}
.cookie-tab-content{display:none}
.cookie-tab-content.active-content{display:block}
.cookie-popup-container h3{font-size:19px;font-weight:700;color:#EBF0F4;margin-bottom:16px}
.cookie-popup-container p{font-size:14px;line-height:1.7;color:#c5d0db;margin-bottom:14px}
.cookie-actions-row{display:flex;gap:16px;margin-top:24px;flex-wrap:wrap}
.cookie-action-link{font-size:14px;color:#EBF0F4;text-decoration:underline;cursor:pointer;transition:color .2s ease;background:none;border:none;padding:8px 16px;font-family:'Bitter',serif}
.cookie-action-link:hover{color:#00C1F2}
@media (max-width: 768px) {
.header-top-row{justify-content:center}
.domain-logo-wrapper{width:90px;height:90px}
.brand-name-text{font-size:20px}
.main-nav-list{gap:4px}
.main-nav-list a{padding:10px 18px;font-size:14px}
.footer-grid-layout{grid-template-columns:1fr;gap:35px}
.cookie-popup-container{max-width:90%;right:5%;border-radius:28px;border:1px solid #00c1f233}
.cookie-popup-container.show-popup{transform:translateY(-50%) translateX(0)}
.cookie-popup-container.hide-popup{transform:translateY(-50%) translateX(calc(100% + 5%))}
}
@media (max-width: 480px) {
.main-nav-list{flex-direction:column;gap:6px}
.main-nav-list a{width:100%;text-align:center}
.cookie-actions-row{flex-direction:column;gap:10px}
.cookie-action-link{width:100%;text-align:center}
}
.policy-frame{max-width:1280px;margin:0 auto;padding:80px 24px;background:linear-gradient(147deg,#1E1D2E 0%,#0a0a12 100%)}
.policy-frame p{color:#EBF0F4;font-size:17px;line-height:1.8;margin:0 0 24px;font-weight:300;letter-spacing:.3px}
.policy-frame p + p{margin-top:24px}
.policy-frame ul,.policy-frame ol{color:#EBF0F4;font-size:17px;line-height:1.8;margin:0 0 28px;padding-left:32px}
.policy-frame ul{list-style-type:none;padding-left:0}
.policy-frame ul li{position:relative;padding-left:32px;margin-bottom:16px}
.policy-frame ul li::before{content:'';position:absolute;left:0;top:11px;width:8px;height:8px;background:linear-gradient(135deg,#00C1F2 0%,#0091b8 100%);border-radius:50%;box-shadow:0 0 12px #00c1f266}
.policy-frame ol{list-style-type:decimal;list-style-position:outside}
.policy-frame ol li{padding-left:8px;margin-bottom:16px}
.policy-frame li{color:#EBF0F4;font-weight:300;letter-spacing:.3px}
.policy-frame em,.policy-frame i{font-style:italic;color:#00C1F2;font-weight:400}
.policy-frame a{color:#00C1F2;text-decoration:none;border-bottom:1px solid transparent;transition:all .3s ease;font-weight:400}
.policy-frame a:hover{border-bottom-color:#00C1F2;color:#5fd9ff;text-shadow:0 0 8px #00c1f24d}
.policy-frame a:active{color:#0091b8}
.policy-frame div{margin-bottom:32px}
.policy-frame div p:last-child{margin-bottom:0}
.policy-frame div + div{margin-top:40px}
@media (max-width: 768px) {
.policy-frame{padding:48px 20px}
.policy-frame p,.policy-frame ul,.policy-frame ol,.policy-frame li{font-size:16px;line-height:1.75}
.policy-frame ul,.policy-frame ol{padding-left:24px}
.policy-frame ul li{padding-left:28px}
.policy-frame ul li::before{width:6px;height:6px;top:10px}
}
@media (max-width: 480px) {
.policy-frame{padding:32px 16px}
.policy-frame p,.policy-frame ul,.policy-frame ol,.policy-frame li{font-size:15px}
.policy-frame ul li{padding-left:24px}
}
.domain-detail-wrap{max-width:1280px;margin:0 auto;padding:0 20px}
.hero-detail-box{background:linear-gradient(142deg,#1E1D2E 0%,#0a0a15 100%);padding:80px 20px;border-radius:30px;margin:40px 0;position:relative;overflow:hidden}
.hero-detail-box::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#00c1f226 0%,transparent 70%);border-radius:50%}
.detail-header-content{max-width:900px;margin:0 auto;position:relative;z-index:2}
.detail-header-content h1{color:#EBF0F4;font-size:3rem;margin:0 0 30px;line-height:1.2}
.meta-info-row{display:flex;flex-wrap:wrap;gap:30px;margin-top:40px}
.meta-card-item{background:#ebf0f40d;border:1px solid #00c1f233;padding:20px 30px;border-radius:20px;backdrop-filter:blur(10px)}
.meta-card-item i{color:#00C1F2;margin-right:12px;font-size:1.1rem}
.meta-card-item span{color:#EBF0F4;font-size:1rem}
.price-highlight-box{background:linear-gradient(135deg,#00C1F2 0%,#0089b3 100%);padding:25px 35px;border-radius:25px;display:inline-block;box-shadow:0 8px 24px #00c1f24d}
.price-highlight-box .amount{color:#1E1D2E;font-size:2.5rem;font-weight:700;display:block;line-height:1}
.price-highlight-box .terms-txt{color:#1E1D2E;font-size:.95rem;margin-top:8px;display:block;opacity:.9}
.content-main-section{background:#0f0f1a;padding:60px 40px;border-radius:35px;margin:50px 0;border:1px solid #ebf0f414}
.content-main-section h2{color:#EBF0F4;font-size:2rem;margin:50px 0 25px;position:relative;padding-left:25px}
.content-main-section h2:first-child{margin-top:0}
.content-main-section h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:70%;background:linear-gradient(180deg,#00C1F2 0%,#0089b3 100%);border-radius:10px}
.content-main-section h3{color:#00C1F2;font-size:1.5rem;margin:35px 0 20px}
.content-main-section p{color:#EBF0F4;font-size:1.1rem;line-height:1.8;margin:20px 0;opacity:.95}
.content-main-section ul{margin:25px 0;padding-left:0;list-style:none}
.content-main-section ul li{color:#EBF0F4;font-size:1.05rem;line-height:1.7;margin:15px 0;padding-left:35px;position:relative}
.content-main-section ul li::before{content:'';position:absolute;left:0;top:8px;width:18px;height:18px;background:linear-gradient(135deg,#00C1F2 0%,#0089b3 100%);border-radius:50%;box-shadow:0 0 15px #00c1f266}
.content-main-section ol{margin:25px 0;padding-left:25px;counter-reset:custom-counter;list-style:none}
.content-main-section ol li{color:#EBF0F4;font-size:1.05rem;line-height:1.7;margin:15px 0;padding-left:40px;position:relative;counter-increment:custom-counter}
.content-main-section ol li::before{content:counter(custom-counter);position:absolute;left:0;top:0;width:28px;height:28px;background:linear-gradient(135deg,#00C1F2 0%,#0089b3 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#1E1D2E;font-weight:700;font-size:.9rem}
.content-main-section blockquote{background:#00c1f214;border-left:4px solid #00C1F2;padding:25px 30px;margin:30px 0;border-radius:0 20px 20px 0}
.content-main-section blockquote p{color:#EBF0F4;font-style:italic;margin:0}
.content-main-section mark{background:linear-gradient(135deg,#00c1f24d 0%,#00c1f226 100%);color:#00C1F2;padding:3px 8px;border-radius:6px}
.content-main-section strong{color:#00C1F2;font-weight:600}
.content-main-section small{color:#EBF0F4;opacity:.7;font-size:.9rem}
.content-main-section dl{margin:25px 0}
.content-main-section dt{color:#00C1F2;font-weight:600;margin:20px 0 10px;font-size:1.1rem}
.content-main-section dd{color:#EBF0F4;margin:0 0 15px 20px;line-height:1.7}
.content-main-section figure{margin:40px 0;background:#ebf0f408;padding:25px;border-radius:20px;border:1px solid #00c1f226}
.content-main-section figcaption{color:#EBF0F4;opacity:.8;font-size:.95rem;margin-top:15px;text-align:center;font-style:italic}
.content-main-section details{background:#ebf0f40d;border-radius:20px;padding:25px;margin:25px 0;border:1px solid #00c1f233}
.content-main-section summary{color:#00C1F2;font-weight:600;cursor:pointer;font-size:1.1rem;list-style:none;display:flex;align-items:center;gap:10px}
.content-main-section summary::before{content:'\f0da';font-family:'Font Awesome 6 Free';font-weight:900;transition:transform .3s ease}
.content-main-section details[open] summary::before{transform:rotate(90deg)}
.content-main-section cite{color:#00C1F2;font-style:normal}
.program-structure-box{background:linear-gradient(155deg,#1E1D2E 0%,#0f0f1a 100%);padding:50px 40px;border-radius:30px;margin:50px 0;border:1px solid #00c1f226}
.program-structure-box h2{color:#EBF0F4;font-size:2rem;margin:0 0 35px;text-align:center}
.sidebar-info-panel{background:linear-gradient(165deg,#1e1d2e99 0%,#0f0f1acc 100%);padding:40px;border-radius:30px;margin:50px 0;border:2px solid #00c1f233;position:relative;overflow:hidden}
.sidebar-info-panel::after{content:'';position:absolute;bottom:-30%;left:-20%;width:400px;height:400px;background:radial-gradient(circle,#00c1f21a 0%,transparent 70%);border-radius:50%}
.info-panel-title{color:#00C1F2;font-size:1.6rem;margin:0 0 30px;position:relative;z-index:2}
.info-detail-row{margin:20px 0;padding:18px 0;border-bottom:1px solid #ebf0f41a;position:relative;z-index:2}
.info-detail-row:last-child{border-bottom:none}
.info-label-txt{color:#EBF0F4;opacity:.7;font-size:.9rem;margin-bottom:8px;display:block}
.info-value-txt{color:#EBF0F4;font-size:1.15rem;font-weight:500}
.seats-alert-box{background:linear-gradient(135deg,#ff6b6b26 0%,#ff6b6b0d 100%);border:1px solid #ff6b6b4d;padding:20px 25px;border-radius:20px;margin-top:25px;position:relative;z-index:2}
.seats-alert-box i{color:#ff6b6b;margin-right:10px}
.seats-alert-box span{color:#EBF0F4;font-size:1rem}
.cta-action-container{text-align:center;margin:60px 0}
.btn-primary-enroll{background:linear-gradient(135deg,#00C1F2 0%,#0089b3 100%);color:#1E1D2E;padding:18px 50px;border-radius:25px;font-size:1.2rem;font-weight:600;text-decoration:none;display:inline-block;box-shadow:0 10px 30px #00c1f266;transition:all .3s ease;border:none}
.btn-primary-enroll:hover{transform:translateY(-3px);box-shadow:0 15px 40px #00c1f280}
.price-note-disclaimer{background:#ebf0f40a;padding:25px 30px;border-radius:20px;margin:40px 0;border-left:4px solid #00C1F2}
.price-note-disclaimer p{color:#EBF0F4;opacity:.85;font-size:.95rem;line-height:1.6;margin:0}
@media (max-width: 768px) {
.detail-header-content h1{font-size:2rem}
.meta-info-row{flex-direction:column;gap:15px}
.price-highlight-box .amount{font-size:2rem}
.content-main-section{padding:40px 25px}
.content-main-section h2{font-size:1.6rem}
.program-structure-box{padding:35px 25px}
.sidebar-info-panel{padding:30px 25px}
}
.domain-main-hero{background:linear-gradient(142deg,#1E1D2E 0%,#0a0a14 100%);padding:90px 20px 80px;text-align:center;position:relative;overflow:hidden}
.domain-main-hero::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#00c1f226 0%,transparent 70%);border-radius:50%;pointer-events:none}
.hero-content-wrapper{max-width:1280px;margin:0 auto;position:relative;z-index:2}
.hero-content-wrapper h1{font-size:3.2rem;color:#EBF0F4;margin:0 0 24px;font-weight:700;line-height:1.2}
.hero-content-wrapper p{font-size:1.25rem;color:#ebf0f4d9;max-width:720px;margin:0 auto 36px;line-height:1.6}
.hero-accent-bar{width:80px;height:4px;background:linear-gradient(90deg,#00C1F2 0%,#00c1f24d 100%);margin:0 auto 32px;border-radius:20px}
.services-catalog-container{max-width:1280px;margin:0 auto;padding:80px 20px}
.catalog-grid-box{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:36px;margin-bottom:80px}
.service-card-block{background:linear-gradient(135deg,#1e1d2e99 0%,#1e1d2ed9 100%);border-radius:28px;overflow:hidden;box-shadow:0 8px 24px #0006;transition:all .35s ease;border:1px solid #00c1f21a;position:relative}
.service-card-block:hover{transform:translateY(-8px);box-shadow:0 16px 40px #00c1f240;border-color:#00c1f24d}
.card-img-wrapper{position:relative;height:220px;overflow:hidden;background:linear-gradient(180deg,#1E1D2E 0%,#0f0e1a 100%)}
.card-img-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.service-card-block:hover .card-img-wrapper img{transform:scale(1.08)}
.card-overlay-badge{position:absolute;top:16px;left:16px;background:#00c1f2f2;color:#1E1D2E;padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:600;backdrop-filter:blur(8px)}
.card-like-counter{position:absolute;top:16px;right:16px;background:#1e1d2ee6;color:#EBF0F4;padding:8px 14px;border-radius:20px;font-size:.9rem;display:flex;align-items:center;gap:6px;backdrop-filter:blur(8px)}
.card-like-counter i{color:#00C1F2}
.card-body-section{padding:28px 24px}
.card-body-section h3{font-size:1.5rem;color:#EBF0F4;margin:0 0 14px;line-height:1.3}
.card-body-section h3 a{color:#EBF0F4;text-decoration:none;transition:color .3s ease}
.card-body-section h3 a:hover{color:#00C1F2}
.card-desc-text{font-size:1rem;color:#ebf0f4bf;line-height:1.6;margin:0 0 20px}
.card-meta-row{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #00c1f226}
.meta-item-pill{display:flex;align-items:center;gap:6px;font-size:.9rem;color:#ebf0f4cc;background:#00c1f214;padding:6px 12px;border-radius:16px}
.meta-item-pill i{color:#00C1F2;font-size:.85rem}
.card-price-box{margin-bottom:24px}
.price-main-display{font-size:2rem;color:#00C1F2;font-weight:700;margin:0 0 4px}
.price-terms-label{font-size:.9rem;color:#ebf0f4a6;margin:0 0 6px}
.price-note-small{font-size:.85rem;color:#ebf0f48c;font-style:italic}
.card-cta-btn{display:inline-block;width:100%;padding:14px 24px;background:linear-gradient(135deg,#00C1F2 0%,#0099c4 100%);color:#1E1D2E;text-decoration:none;text-align:center;border-radius:24px;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 12px #00c1f24d;position:relative;z-index:10}
.card-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00c1f273;background:linear-gradient(135deg,#00d4ff 0%,#00a8d6 100%)}
.opportunities-section-block{max-width:1280px;margin:0 auto 80px;padding:70px 40px;background:linear-gradient(156deg,#00c1f20f 0%,#1e1d2e80 100%);border-radius:32px;position:relative;overflow:hidden}
.opportunities-section-block::after{content:'';position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,#00c1f21a 0%,transparent 70%);border-radius:50%;pointer-events:none}
.opportunities-section-block h2{font-size:2.4rem;color:#EBF0F4;margin:0 0 28px;text-align:center;position:relative;z-index:2}
.opportunities-section-block h2::before{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,transparent 0%,#00C1F2 50%,transparent 100%);margin:0 auto 20px;border-radius:20px}
.opportunities-grid-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;position:relative;z-index:2}
.opportunity-card-item{background:#1e1d2e99;padding:32px 28px;border-radius:24px;border:1px solid #00c1f226;transition:all .35s ease}
.opportunity-card-item:hover{background:#1e1d2ecc;border-color:#00c1f266;transform:translateY(-4px)}
.opportunity-icon-circle{width:64px;height:64px;background:linear-gradient(135deg,#00c1f233 0%,#00c1f20d 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 0 20px}
.opportunity-icon-circle i{font-size:1.8rem;color:#00C1F2}
.opportunity-card-item h4{font-size:1.35rem;color:#EBF0F4;margin:0 0 14px}
.opportunity-card-item p{font-size:1rem;color:#ebf0f4bf;line-height:1.6;margin:0}
.growth-pathway-zone{max-width:1280px;margin:0 auto 80px;padding:0 20px}
.growth-pathway-zone h2{font-size:2.2rem;color:#EBF0F4;margin:0 0 48px;text-align:center}
.pathway-steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px;position:relative}
.pathway-step-unit{background:linear-gradient(145deg,#1e1d2eb3 0%,#1e1d2e66 100%);padding:36px 24px;border-radius:26px;text-align:center;position:relative;border:2px solid #00c1f233;transition:all .35s ease}
.pathway-step-unit:hover{border-color:#00c1f280;transform:scale(1.04)}
.step-number-badge{position:absolute;top:-18px;left:50%;transform:translateX(-50%);width:44px;height:44px;background:linear-gradient(135deg,#00C1F2 0%,#0099c4 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:#1E1D2E;box-shadow:0 4px 12px #00c1f266}
.pathway-step-unit h5{font-size:1.25rem;color:#EBF0F4;margin:20px 0 12px}
.pathway-step-unit p{font-size:.95rem;color:#ebf0f4b3;line-height:1.5;margin:0}
@media (max-width: 768px) {
.hero-content-wrapper h1{font-size:2.2rem}
.hero-content-wrapper p{font-size:1.1rem}
.catalog-grid-box{grid-template-columns:1fr}
.opportunities-section-block{padding:50px 24px}
.opportunities-section-block h2{font-size:1.9rem}
.opportunities-grid-wrapper{grid-template-columns:1fr}
.pathway-steps-container{grid-template-columns:1fr}
}
@media (min-width: 769px) and (max-width: 1024px) {
.catalog-grid-box{grid-template-columns:repeat(2,1fr)}
.opportunities-grid-wrapper{grid-template-columns:repeat(2,1fr)}
}
.title-block{background:linear-gradient(162deg,#1E1D2E 0%,#0a0a14 100%);padding:100px 20px;position:relative;overflow:hidden}
.title-block::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#00c1f226 0%,transparent 70%);border-radius:50%}
.title-block::after{content:'';position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,#ebf0f414 0%,transparent 70%);border-radius:50%}
.domain-title-wrapper{max-width:900px;margin:0 auto;position:relative;z-index:2;text-align:center}
.domain-title-wrapper h1{font-size:3.2rem;color:#EBF0F4;margin:0 0 20px;font-weight:700;line-height:1.2;letter-spacing:-.5px}
.domain-title-wrapper .title-desc{font-size:1.25rem;color:#EBF0F4;margin:0 0 50px;line-height:1.6;opacity:.9}
.title-block .hero-visual{max-width:700px;margin:0 auto;position:relative}
.title-block .hero-visual img{width:100%;height:auto;border-radius:30px;box-shadow:0 24px 48px #00c1f24d 0 12px 24px #0006;display:block}
.values-section{background:linear-gradient(238deg,#0a0a14 0%,#1E1D2E 100%);padding:90px 20px}
.values-container{max-width:1280px;margin:0 auto}
.values-container h2{font-size:2.5rem;color:#EBF0F4;margin:0 0 60px;text-align:center;position:relative;font-weight:700}
.values-container h2::before{content:'';position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#00C1F2 0%,#00c1f24d 100%);border-radius:2px}
.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:35px}
.value-card{background:#1e1d2e99;padding:40px 30px;border-radius:25px;border:1px solid #00c1f233;transition:all .3s ease}
.value-card:hover{transform:translateY(-8px);box-shadow:0 16px 32px #00c1f240;border-color:#00c1f266}
.value-card h3{font-size:1.5rem;color:#00C1F2;margin:0 0 18px;font-weight:600}
.value-card p{font-size:1rem;color:#EBF0F4;margin:0;line-height:1.7;opacity:.85}
.transparency-block{background:linear-gradient(145deg,#1E1D2E 0%,#0a0a14 100%);padding:90px 20px;position:relative}
.transparency-block::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#00C1F2 50%,transparent 100%)}
.transparency-wrapper{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.transparency-content h2{font-size:2.3rem;color:#EBF0F4;margin:0 0 25px;font-weight:700}
.transparency-content p{font-size:1.1rem;color:#EBF0F4;margin:0 0 20px;line-height:1.75;opacity:.9}
.honesty-points{margin:30px 0 0;padding:0;list-style:none}
.honesty-points li{font-size:1.05rem;color:#EBF0F4;margin:0 0 15px;padding-left:35px;position:relative;line-height:1.6}
.honesty-points li::before{content:'✓';position:absolute;left:0;color:#00C1F2;font-size:1.3rem;font-weight:700}
.transparency-visual img{width:100%;height:auto;border-radius:28px;box-shadow:0 18px 36px #0006}
.directions-section{background:linear-gradient(225deg,#0a0a14 0%,#1E1D2E 50%,#0a0a14 100%);padding:90px 20px}
.directions-box{max-width:1280px;margin:0 auto}
.directions-box h2{font-size:2.5rem;color:#EBF0F4;margin:0 0 50px;text-align:center;font-weight:700}
.direction-tabs-wrapper{display:flex;flex-direction:column;gap:30px}
.tab-input{display:none}
.tabs-nav{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}
.tab-label{padding:15px 30px;background:#1e1d2e80;color:#EBF0F4;border-radius:20px;cursor:pointer;font-size:1.05rem;border:2px solid #00c1f233;transition:all .3s ease}
.tab-label:hover{background:#1e1d2ecc;border-color:#00c1f266}
.tab-input:checked + .tab-label{background:linear-gradient(135deg,#00C1F2 0%,#0088b3 100%);border-color:#00C1F2;color:#1E1D2E;font-weight:600}
.tab-panel-box{display:none;background:#1e1d2e66;padding:45px;border-radius:28px;border:1px solid #00c1f226}
.tab-input:checked ~ .tab-panel-box{display:block}
.tab-panel-box h3{font-size:1.8rem;color:#00C1F2;margin:0 0 20px;font-weight:600}
.tab-panel-box p{font-size:1.05rem;color:#EBF0F4;margin:0 0 15px;line-height:1.7;opacity:.88}
.flexibility-section{background:linear-gradient(315deg,#1E1D2E 0%,#0a0a14 100%);padding:90px 20px}
.flexibility-container{max-width:1280px;margin:0 auto}
.flexibility-container h2{font-size:2.5rem;color:#EBF0F4;margin:0 0 55px;text-align:center;font-weight:700}
.flex-conditions{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px}
.condition-item{background:linear-gradient(160deg,#1e1d2eb3 0%,#0a0a1480 100%);padding:35px;border-radius:30px;border:1px solid #ebf0f41a;position:relative;overflow:hidden}
.condition-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#00C1F2 0%,transparent 100%)}
.condition-item h4{font-size:1.4rem;color:#EBF0F4;margin:0 0 15px;font-weight:600}
.condition-item p{font-size:1rem;color:#EBF0F4;margin:0;line-height:1.7;opacity:.85}
.geography-section{background:linear-gradient(190deg,#0a0a14 0%,#1E1D2E 100%);padding:90px 20px 100px}
.geo-box{max-width:1280px;margin:0 auto}
.geo-box h2{font-size:2.5rem;color:#EBF0F4;margin:0 0 30px;text-align:center;font-weight:700}
.geo-intro{font-size:1.15rem;color:#EBF0F4;margin:0 auto 50px;text-align:center;max-width:800px;line-height:1.7;opacity:.9}
.geo-features{display:flex;flex-direction:column;gap:25px}
.geo-feature{background:#1e1d2e80;padding:30px 40px;border-radius:25px;border-left:5px solid #00C1F2;transition:all .3s ease}
.geo-feature:hover{transform:translateX(10px);background:#1e1d2eb3;box-shadow:0 12px 24px #00c1f233}
.geo-feature h3{font-size:1.5rem;color:#00C1F2;margin:0 0 12px;font-weight:600}
.geo-feature p{font-size:1.05rem;color:#EBF0F4;margin:0;line-height:1.7;opacity:.88}
.cta-section{background:linear-gradient(135deg,#1E1D2E 0%,#00C1F2 100%);padding:70px 20px;text-align:center}
.cta-wrapper{max-width:800px;margin:0 auto}
.cta-wrapper h2{font-size:2.2rem;color:#EBF0F4;margin:0 0 25px;font-weight:700}
.cta-wrapper p{font-size:1.1rem;color:#EBF0F4;margin:0 0 35px;line-height:1.6;opacity:.95}
.cta-btns{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.domain-btn{padding:16px 40px;font-size:1.05rem;border-radius:25px;text-decoration:none;font-weight:600;transition:all .3s ease;display:inline-block;border:2px solid transparent}
.domain-btn--primary{background:#EBF0F4;color:#1E1D2E}
.domain-btn--primary:hover{background:#fff;transform:translateY(-3px);box-shadow:0 8px 16px #ebf0f44d}
.domain-btn--secondary{background:transparent;color:#EBF0F4;border-color:#EBF0F4}
.domain-btn--secondary:hover{background:#ebf0f41a;transform:translateY(-3px)}
@media (max-width: 768px) {
.title-block{padding:60px 20px}
.domain-title-wrapper h1{font-size:2.2rem}
.domain-title-wrapper .title-desc{font-size:1.1rem}
.values-container h2,.directions-box h2,.flexibility-container h2,.geo-box h2{font-size:2rem}
.transparency-wrapper{grid-template-columns:1fr;gap:40px}
.transparency-content h2{font-size:1.9rem}
.cta-wrapper h2{font-size:1.8rem}
.cta-btns{flex-direction:column;align-items:center}
.domain-btn{width:100%;max-width:300px}
}
@media (max-width: 480px) {
.domain-title-wrapper h1{font-size:1.8rem}
.values-container h2,.directions-box h2,.flexibility-container h2,.geo-box h2{font-size:1.7rem}
.tab-panel-box{padding:30px 20px}
}
.domain-title-wrapper{background:linear-gradient(137deg,#1E1D2E 0%,#0d0c18 100%);padding:80px 20px 90px;position:relative;overflow:hidden}
.domain-title-wrapper::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#00c1f226 0%,transparent 70%);pointer-events:none}
.title-content-box{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:280px 1fr 280px;gap:50px;align-items:center}
.title-side-img{width:100%;height:380px;position:relative;overflow:hidden;border-radius:30px;box-shadow:0 12px 40px #00000080}
.title-side-img img{width:100%;height:100%;object-fit:cover;mix-blend-mode:luminosity;opacity:.7}
.title-side-img::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#00c1f24d 0%,#1e1d2e99 100%);pointer-events:none}
.title-text-section{position:relative;z-index:2}
.title-text-section h1{font-size:3.2em;color:#EBF0F4;margin:0 0 30px;font-weight:700;line-height:1.2;text-shadow:0 4px 12px #0000004d}
.title-list-points{list-style:none;padding:0;margin:0 0 40px}
.title-list-points li{color:#EBF0F4;font-size:1.15em;margin-bottom:18px;padding-left:40px;position:relative;line-height:1.6}
.title-list-points li::before{content:'';position:absolute;left:0;top:8px;width:24px;height:24px;background:linear-gradient(135deg,#00C1F2 0%,#0088b3 100%);border-radius:50%;box-shadow:0 4px 12px #00c1f266}
.title-btn-primary{display:inline-block;padding:16px 42px;background:linear-gradient(135deg,#00C1F2 0%,#0088b3 100%);color:#1E1D2E;text-decoration:none;border-radius:28px;font-weight:600;font-size:1.1em;box-shadow:0 8px 24px #00c1f259;transition:all .3s ease}
.title-btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 32px #00c1f280}
.title-decor-element{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,transparent 0%,#00C1F2 50%,transparent 100%);border-radius:2px}
.story-block-container{background:linear-gradient(220deg,#0d0c18 0%,#1E1D2E 100%);padding:100px 20px;position:relative}
.story-block-container::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,#00C1F2 50%,transparent 100%)}
.story-inner-wrap{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:60px}
.story-column-box{position:relative}
.story-column-box h3{font-size:1.8em;color:#00C1F2;margin:0 0 24px;font-weight:600;position:relative;padding-bottom:16px}
.story-column-box h3::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:3px;background:#00C1F2;border-radius:2px}
.story-column-box p{color:#EBF0F4;font-size:1.05em;line-height:1.75;margin:0 0 20px}
.story-img-wrapper{width:100%;height:240px;border-radius:25px;overflow:hidden;margin:0 0 28px;box-shadow:0 8px 28px #0006;position:relative}
.story-img-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.story-img-wrapper:hover img{transform:scale(1.08)}
.story-img-wrapper::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 0%,#1e1d2e4d 100%);z-index:1;pointer-events:none}
.story-highlight-term{color:#00C1F2;font-weight:600;position:relative;display:inline-block}
.story-highlight-term::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#00C1F2 0%,transparent 100%)}
.story-data-metric{display:inline-flex;align-items:center;gap:12px;padding:14px 24px;background:#00c1f21a;border-radius:20px;border:1px solid #00c1f24d;margin-top:20px}
.story-metric-number{font-size:2em;color:#00C1F2;font-weight:700;line-height:1}
.story-metric-label{color:#EBF0F4;font-size:.95em;line-height:1.3}
.story-column-box ul{list-style:none;padding:0;margin:20px 0}
.story-column-box ul li{color:#EBF0F4;font-size:1.05em;padding-left:32px;position:relative;margin-bottom:14px;line-height:1.6}
.story-column-box ul li::before{content:'→';position:absolute;left:0;color:#00C1F2;font-weight:700;font-size:1.2em}
@media (max-width: 1024px) {
.title-content-box{grid-template-columns:1fr;gap:40px}
.title-side-img{height:280px;max-width:500px;margin:0 auto}
.title-text-section{text-align:center}
.title-list-points li{text-align:left}
.story-inner-wrap{grid-template-columns:1fr;gap:50px}
}
@media (max-width: 768px) {
.domain-title-wrapper{padding:60px 20px 70px}
.title-text-section h1{font-size:2.2em}
.title-side-img{height:220px}
.story-block-container{padding:70px 20px}
.story-column-box h3{font-size:1.5em}
.story-img-wrapper{height:200px}
}
.domain-touch-hero{position:relative;background:linear-gradient(127deg,#1E1D2E 0%,#2A2840 100%);padding:90px 20px 110px;overflow:hidden}
.domain-touch-hero::before{content:'';position:absolute;top:-15%;left:-5%;width:140%;height:140%;background:repeating-linear-gradient(43deg,transparent,transparent 45px,#00c1f208 45px,#00c1f208 90px),repeating-linear-gradient(-47deg,transparent,transparent 40px,#ebf0f405 40px,#ebf0f405 80px);pointer-events:none}
.domain-touch-hero .hero-wrapper-box{max-width:1280px;margin:0 auto;position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.domain-touch-hero .header-content-temp{max-width:560px}
.domain-touch-hero .main-heading-split{font-size:3.2rem;line-height:1.15;color:#EBF0F4;margin:0 0 28px;font-weight:700}
.domain-touch-hero .main-heading-split .accent-phrase{display:block;background:linear-gradient(95deg,#00C1F2 0%,#66D9F7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:12px}
.domain-touch-hero .intro-paragraph-box{font-size:1.125rem;line-height:1.7;color:#ebf0f4d9;margin:0}
.domain-touch-hero .visual-depth-container{position:relative;border-radius:32px;overflow:hidden;box-shadow:0 8px 32px #0006 0 0 0 1px #00c1f226}
.domain-touch-hero .visual-depth-container img{width:100%;height:480px;object-fit:cover;display:block}
.domain-touch-hero .visual-depth-container::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#00c1f226 0%,transparent 60%);pointer-events:none}
.domain-contact-section{background:linear-gradient(170deg,#1A1928 0%,#1E1D2E 100%);padding:100px 20px}
.domain-contact-section .contact-grid-wrapper{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1.3fr;gap:90px;align-items:start}
.domain-contact-section .info-column-box{position:sticky;top:40px}
.domain-contact-section .section-title-text{font-size:2.2rem;line-height:1.2;color:#EBF0F4;margin:0 0 40px;font-weight:700}
.domain-contact-section .detail-card{background:#ebf0f40a;border:1px solid #00c1f21f;border-radius:24px;padding:32px;margin-bottom:24px;transition:all .3s ease}
.domain-contact-section .detail-card:hover{background:#ebf0f40f;border-color:#00c1f240;box-shadow:0 8px 24px #00c1f21a;transform:translateY(-2px)}
.domain-contact-section .detail-card .card-label{font-size:.875rem;text-transform:uppercase;letter-spacing:.08em;color:#00C1F2;margin:0 0 12px;font-weight:600}
.domain-contact-section .detail-card .card-value{font-size:1.125rem;line-height:1.6;color:#EBF0F4;margin:0}
.domain-contact-section .detail-card a{color:#EBF0F4;text-decoration:none;transition:color .2s ease}
.domain-contact-section .detail-card a:hover{color:#00C1F2}
.domain-contact-section .form-container-box{background:#ebf0f408;border:1px solid #00c1f226;border-radius:32px;padding:48px;box-shadow:0 12px 40px #0000004d inset 0 1px 0 #ebf0f40d}
.domain-contact-section .form-title-header{font-size:1.75rem;color:#EBF0F4;margin:0 0 32px;font-weight:700}
.domain-contact-section .input-group-wrapper{margin-bottom:28px}
.domain-contact-section .field-label{display:block;font-size:.95rem;color:#ebf0f4e6;margin-bottom:10px;font-weight:500}
.domain-contact-section .text-input-field{width:100%;padding:16px 20px;background:#1e1d2e99;border:1px solid #00c1f233;border-radius:16px;font-size:1rem;color:#EBF0F4;transition:all .3s ease;box-sizing:border-box}
.domain-contact-section .text-input-field:focus{outline:none;border-color:#00C1F2;background:#1e1d2ecc;box-shadow:0 0 0 3px #00c1f21a}
.domain-contact-section .text-input-field::placeholder{color:#ebf0f466}
.domain-contact-section .radio-group-section{margin-bottom:28px}
.domain-contact-section .radio-section-label{display:block;font-size:.95rem;color:#ebf0f4e6;margin-bottom:16px;font-weight:500}
.domain-contact-section .radio-options-flex{display:flex;gap:16px;flex-wrap:wrap}
.domain-contact-section .radio-option-item{position:relative}
.domain-contact-section .radio-input-hidden{position:absolute;opacity:0;pointer-events:none}
.domain-contact-section .radio-label-btn{display:block;padding:14px 28px;background:#1e1d2e99;border:1px solid #00c1f233;border-radius:20px;color:#ebf0f4cc;font-size:.95rem;cursor:pointer;transition:all .3s ease;font-weight:500}
.domain-contact-section .radio-label-btn:hover{border-color:#00C1F2;background:#1e1d2ecc}
.domain-contact-section .radio-input-hidden:checked + .radio-label-btn{background:linear-gradient(135deg,#00c1f233 0%,#00c1f21a 100%);border-color:#00C1F2;color:#00C1F2;box-shadow:0 4px 16px #00c1f233}
.domain-contact-section .checkbox-privacy-wrapper{margin:32px 0}
.domain-contact-section .checkbox-container-flex{display:flex;align-items:start;gap:12px}
.domain-contact-section .checkbox-input-box{width:20px;height:20px;margin-top:2px;cursor:pointer;flex-shrink:0}
.domain-contact-section .privacy-text-label{font-size:.9rem;line-height:1.6;color:#ebf0f4b3;margin:0}
.domain-contact-section .privacy-text-label a{color:#00C1F2;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}
.domain-contact-section .privacy-text-label a:hover{border-bottom-color:#00C1F2}
.domain-contact-section .submit-btn-primary{width:100%;padding:18px 32px;background:linear-gradient(135deg,#00C1F2 0%,#0098C7 100%);border:none;border-radius:24px;font-size:1.05rem;color:#1E1D2E;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #00c1f24d;position:relative;z-index:10}
.domain-contact-section .submit-btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00c1f266}
.domain-contact-section .submit-btn-primary:active{transform:translateY(0)}
.domain-why-section{background:linear-gradient(145deg,#1E1D2E 0%,#25233A 100%);padding:100px 20px;position:relative;overflow:hidden}
.domain-why-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#00c1f24d,transparent)}
.domain-why-section .why-content-container{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.domain-why-section .why-text-column{max-width:540px}
.domain-why-section .why-heading-main{font-size:2.5rem;line-height:1.2;color:#EBF0F4;margin:0 0 28px;font-weight:700}
.domain-why-section .why-heading-main::before{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,#00C1F2,transparent);margin-bottom:24px;border-radius:2px}
.domain-why-section .why-description-text{font-size:1.0625rem;line-height:1.75;color:#ebf0f4cc;margin:0 0 20px}
.domain-why-section .why-visual-column{position:relative}
.domain-why-section .visual-image-box{border-radius:28px;overflow:hidden;box-shadow:0 16px 48px #0006 0 0 0 1px #00c1f233;position:relative}
.domain-why-section .visual-image-box img{width:100%;height:460px;object-fit:cover;display:block}
.domain-why-section .visual-image-box::before{content:'';position:absolute;inset:0;background:linear-gradient(225deg,#00c1f21f 0%,transparent 50%);pointer-events:none}
.domain-why-section .feature-grid-tbd{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}
.domain-why-section .feature-item-card{background:#ebf0f40a;border:1px solid #00c1f226;border-radius:20px;padding:24px;transition:all .3s ease}
.domain-why-section .feature-item-card:hover{background:#ebf0f40f;border-color:#00c1f24d;transform:translateY(-3px);box-shadow:0 8px 24px #00c1f226}
.domain-why-section .feature-icon-circle{width:48px;height:48px;background:linear-gradient(135deg,#00c1f233,#00c1f20d);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;border:1px solid #00c1f24d}
.domain-why-section .feature-icon-circle i{color:#00C1F2;font-size:1.25rem}
.domain-why-section .feature-title-small{font-size:1.05rem;color:#EBF0F4;margin:0 0 8px;font-weight:600}
.domain-why-section .feature-desc-small{font-size:.9rem;line-height:1.6;color:#ebf0f4b3;margin:0}
@media (max-width: 900px) {
.domain-touch-hero .hero-wrapper-box{grid-template-columns:1fr;gap:50px}
.domain-touch-hero .main-heading-split{font-size:2.5rem}
.domain-contact-section .contact-grid-wrapper{grid-template-columns:1fr;gap:50px}
.domain-contact-section .info-column-box{position:static}
.domain-why-section .why-content-container{grid-template-columns:1fr;gap:50px}
.domain-why-section .why-heading-main{font-size:2rem}
.domain-why-section .feature-grid-tbd{grid-template-columns:1fr}
}
@media (max-width: 600px) {
.domain-touch-hero{padding:60px 20px 80px}
.domain-touch-hero .main-heading-split{font-size:2rem}
.domain-touch-hero .visual-depth-container img{height:320px}
.domain-contact-section{padding:60px 20px}
.domain-contact-section .form-container-box{padding:32px 24px}
.domain-contact-section .radio-options-flex{flex-direction:column;gap:12px}
.domain-contact-section .radio-label-btn{width:100%;text-align:center}
.domain-why-section{padding:60px 20px}
.domain-why-section .why-heading-main{font-size:1.75rem}
.domain-why-section .visual-image-box img{height:300px}
}
.domain-hero-block{background:linear-gradient(138deg,#1E1D2E 0%,#0a0a15 100%);padding:90px 20px 110px;position:relative;overflow:hidden}
.domain-hero-block::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#00c1f214 0%,transparent 70%);border-radius:50%}
.hero-inner-wrap{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.hero-text-area h1{font-size:3.2rem;line-height:1.15;color:#EBF0F4;margin:0 0 26px;font-weight:700}
.hero-text-area .intro-desc{font-size:1.15rem;line-height:1.7;color:#ebf0f4d9;margin:0 0 34px}
.hero-visual-container{position:relative}
.hero-visual-container img{width:100%;height:420px;object-fit:cover;border-radius:32px;box-shadow:0 18px 48px #00000080}
.hero-visual-container::after{content:'';position:absolute;bottom:-30px;left:-30px;width:180px;height:180px;background:linear-gradient(225deg,#00C1F2 0%,#00c1f24d 100%);border-radius:50%;filter:blur(40px);z-index:-1}
.program-metrics-section{background:#0a0a15;padding:80px 20px;position:relative}
.metrics-container{max-width:1280px;margin:0 auto}
.metrics-intro{text-align:center;margin-bottom:50px}
.metrics-intro h2{font-size:2.4rem;color:#EBF0F4;margin:0 0 18px}
.metrics-intro p{font-size:1.05rem;color:#ebf0f4bf;max-width:720px;margin:0 auto;line-height:1.6}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px}
.stat-card{background:linear-gradient(160deg,#1E1D2E 0%,#14131f 100%);padding:36px 28px;border-radius:24px;border:1px solid #00c1f21a;position:relative;transition:all .4s ease}
.stat-card:hover{transform:translateY(-5px);border-color:#00c1f24d;box-shadow:0 12px 32px #00c1f226}
.stat-card .stat-number{font-size:3rem;font-weight:700;color:#00C1F2;margin:0 0 10px;line-height:1}
.stat-card .stat-label{font-size:1.1rem;color:#EBF0F4;margin:0 0 8px}
.stat-card .stat-detail{font-size:.92rem;color:#ebf0f4a6;line-height:1.5}
.curriculum-breakdown{background:linear-gradient(225deg,#1E1D2E 0%,#0f0e1a 100%);padding:85px 20px;position:relative}
.curriculum-breakdown::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#00C1F2 50%,transparent 100%)}
.curriculum-wrapper{max-width:1280px;margin:0 auto}
.curriculum-header{margin-bottom:56px}
.curriculum-header h2{font-size:2.6rem;color:#EBF0F4;margin:0 0 20px}
.curriculum-header .header-desc{font-size:1.08rem;color:#ebf0f4cc;line-height:1.65;max-width:820px}
.phase-list{display:flex;flex-direction:column;gap:24px}
.phase-item{background:#1e1d2e80;border-radius:28px;padding:32px 36px;border-left:4px solid #00C1F2;transition:all .3s ease}
.phase-item:hover{background:#1e1d2ebf;box-shadow:0 8px 24px #00c1f21f}
.phase-item h3{font-size:1.5rem;color:#00C1F2;margin:0 0 14px}
.phase-item .phase-description{font-size:1.02rem;color:#ebf0f4d9;line-height:1.7;margin:0 0 16px}
.phase-item .phase-focus{font-size:.95rem;color:#ebf0f4a6;font-style:italic}
.approach-showcase{background:#0a0a15;padding:80px 20px}
.approach-box{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:start}
.approach-image-side img{width:100%;height:500px;object-fit:cover;border-radius:30px;box-shadow:0 16px 44px #0006}
.approach-content-side h2{font-size:2.5rem;color:#EBF0F4;margin:0 0 28px}
.approach-content-side .content-paragraph{font-size:1.05rem;line-height:1.75;color:#ebf0f4cc;margin:0 0 24px}
.benefits-cluster{display:flex;flex-direction:column;gap:18px;margin-top:32px}
.benefit-row{display:flex;align-items:start;gap:16px}
.benefit-row i{color:#00C1F2;font-size:1.3rem;margin-top:4px;flex-shrink:0}
.benefit-row .benefit-text{font-size:1rem;color:#ebf0f4d9;line-height:1.6}
.enrollment-cta-zone{background:linear-gradient(135deg,#1E1D2E 0%,#14131f 100%);padding:75px 20px;position:relative;overflow:hidden}
.enrollment-cta-zone::after{content:'';position:absolute;bottom:-40%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#00c1f21a 0%,transparent 65%);border-radius:50%}
.cta-inner-box{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:2}
.cta-inner-box h2{font-size:2.8rem;color:#EBF0F4;margin:0 0 22px;line-height:1.2}
.cta-inner-box .cta-message{font-size:1.12rem;line-height:1.7;color:#ebf0f4d1;margin:0 0 38px}
.cta-button-area{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
.cta-primary-btn{background:linear-gradient(135deg,#00C1F2 0%,#0096c7 100%);color:#1E1D2E;padding:16px 42px;border-radius:28px;text-decoration:none;font-size:1.08rem;font-weight:600;transition:all .3s ease;display:inline-block;box-shadow:0 8px 20px #00c1f24d}
.cta-primary-btn:hover{transform:translateY(-3px);box-shadow:0 12px 28px #00c1f273}
.cta-secondary-btn{background:transparent;color:#EBF0F4;padding:16px 42px;border-radius:28px;text-decoration:none;font-size:1.08rem;font-weight:600;border:2px solid #ebf0f44d;transition:all .3s ease;display:inline-block}
.cta-secondary-btn:hover{border-color:#00C1F2;color:#00C1F2;transform:translateY(-3px)}
@media (max-width: 968px) {
.hero-inner-wrap{grid-template-columns:1fr;gap:40px}
.hero-text-area h1{font-size:2.4rem}
.hero-visual-container img{height:340px}
.approach-box{grid-template-columns:1fr;gap:45px}
.approach-image-side img{height:380px}
.stats-grid{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.domain-hero-block{padding:60px 20px 70px}
.hero-text-area h1{font-size:2rem}
.hero-visual-container img{height:280px;border-radius:24px}
.program-metrics-section{padding:60px 20px}
.metrics-intro h2{font-size:1.9rem}
.curriculum-breakdown{padding:60px 20px}
.curriculum-header h2{font-size:2rem}
.phase-item{padding:24px 22px}
.approach-showcase{padding:60px 20px}
.approach-content-side h2{font-size:2rem}
.approach-image-side img{height:300px}
.enrollment-cta-zone{padding:60px 20px}
.cta-inner-box h2{font-size:2.1rem}
.cta-button-area{flex-direction:column;align-items:stretch}
.cta-primary-btn,.cta-secondary-btn{width:100%;text-align:center}
}
.success-wrapper{max-width:1280px;margin:0 auto;padding:0}
.success-hero-box{background:linear-gradient(157deg,#1E1D2E 0%,#0f0e1a 45%,#1a1928 100%);min-height:85vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:4rem 1.5rem}
.success-hero-box::before{content:'';position:absolute;top:-15%;right:-8%;width:520px;height:520px;background:radial-gradient(circle,#00c1f226 0%,transparent 70%);border-radius:50%;filter:blur(60px)}
.success-hero-box::after{content:'';position:absolute;bottom:-12%;left:-5%;width:420px;height:420px;background:radial-gradient(circle,#ebf0f414 0%,transparent 65%);border-radius:50%;filter:blur(50px)}
.hero-content-inner{position:relative;z-index:2;text-align:center;max-width:680px}
.hero-icon-container{width:110px;height:110px;margin:0 auto 2.8rem;background:linear-gradient(135deg,#00c1f233 0%,#ebf0f41a 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 12px 40px #00c1f240}
.hero-icon-container::before{content:'';position:absolute;inset:-3px;background:linear-gradient(135deg,#00C1F2,#EBF0F4);border-radius:50%;z-index:-1;opacity:.4;filter:blur(8px)}
.hero-icon-container svg{width:52px;height:52px;fill:#00C1F2;filter:drop-shadow(0 4px 12px #00c1f280)}
.hero-main-title{font-size:3.2rem;font-weight:700;color:#EBF0F4;margin:0 0 1.5rem;line-height:1.2;letter-spacing:-.02em}
.hero-main-title .accent-word{color:#00C1F2;position:relative;display:inline-block}
.hero-main-title .accent-word::after{content:'';position:absolute;bottom:-6px;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,#00C1F2,transparent);border-radius:30px}
.success-hero-desc{font-size:1.15rem;color:#ebf0f4d9;line-height:1.7;margin:0 0 2rem;max-width:560px;margin-left:auto;margin-right:auto}
.hero-confirmation-id{display:inline-block;background:#00c1f21f;border:1px solid #00c1f24d;padding:.7rem 1.6rem;border-radius:30px;color:#00C1F2;font-size:.95rem;font-weight:600;letter-spacing:.5px;margin-bottom:2.8rem}
.hero-action-btns{display:flex;gap:1.2rem;justify-content:center;flex-wrap:wrap}
.brand-btn-primary{background:linear-gradient(135deg,#00C1F2 0%,#0095c7 100%);color:#1E1D2E;padding:1rem 2.5rem;border-radius:30px;text-decoration:none;font-weight:600;font-size:1.05rem;display:inline-flex;align-items:center;gap:.6rem;transition:all .3s ease;box-shadow:0 8px 24px #00c1f259;position:relative;z-index:5}
.brand-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #00c1f280;background:linear-gradient(135deg,#1ad4ff 0%,#00C1F2 100%)}
.brand-btn-secondary{background:transparent;color:#EBF0F4;padding:1rem 2.5rem;border:2px solid #ebf0f44d;border-radius:30px;text-decoration:none;font-weight:600;font-size:1.05rem;display:inline-flex;align-items:center;gap:.6rem;transition:all .3s ease;position:relative;z-index:5}
.brand-btn-secondary:hover{border-color:#00C1F2;background:#00c1f21a;transform:translateY(-2px)}
.info-grid-section{background:linear-gradient(210deg,#0f0e1a 0%,#1E1D2E 100%);padding:5rem 1.5rem;position:relative}
.info-grid-section::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:90%;height:2px;background:linear-gradient(90deg,transparent,#00c1f266,transparent)}
.info-grid-container{max-width:1280px;margin:0 auto}
.info-section-header{text-align:center;margin-bottom:4rem}
.info-section-header h2{font-size:2.4rem;color:#EBF0F4;margin:0 0 1rem;font-weight:700}
.info-section-header p{font-size:1.1rem;color:#ebf0f4bf;max-width:640px;margin:0 auto;line-height:1.6}
.info-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}
.info-card-box{background:linear-gradient(145deg,#1e1d2e99 0%,#0f0e1acc 100%);border:1px solid #00c1f226;border-radius:28px;padding:2.5rem;transition:all .4s ease;position:relative;overflow:hidden}
.info-card-box::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#00c1f214 0%,transparent 60%);opacity:0;transition:opacity .4s ease}
.info-card-box:hover{border-color:#00c1f266;transform:translateY(-6px);box-shadow:0 16px 48px #00c1f233}
.info-card-box:hover::before{opacity:1}
.info-card-icon{width:64px;height:64px;background:linear-gradient(135deg,#00c1f226 0%,#ebf0f414 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:1.8rem;position:relative;z-index:1}
.info-card-icon svg{width:32px;height:32px;fill:#00C1F2}
.info-card-box h3{font-size:1.5rem;color:#EBF0F4;margin:0 0 1rem;font-weight:600;position:relative;z-index:1}
.info-card-box p{color:#ebf0f4cc;line-height:1.7;margin:0 0 1.5rem;position:relative;z-index:1}
.info-card-items{list-style:none;padding:0;margin:0;position:relative;z-index:1}
.info-card-items li{color:#ebf0f4d9;padding-left:1.8rem;margin-bottom:.8rem;position:relative;line-height:1.5}
.info-card-items li::before{content:'';position:absolute;left:0;top:.5rem;width:8px;height:8px;background:#00C1F2;border-radius:50%;box-shadow:0 0 8px #00c1f299}
.domain-link-accent{color:#00C1F2;text-decoration:none;font-weight:600;transition:all .3s ease;position:relative}
.domain-link-accent::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#00C1F2;transition:width .3s ease}
.domain-link-accent:hover::after{width:100%}
@media (max-width: 768px) {
.hero-main-title{font-size:2.2rem}
.success-hero-desc{font-size:1.05rem}
.hero-action-btns{flex-direction:column;align-items:stretch}
.brand-btn-primary,.brand-btn-secondary{justify-content:center}
.info-section-header h2{font-size:1.9rem}
.info-cards-grid{grid-template-columns:1fr}
}
@media (min-width: 769px) and (max-width: 1024px) {
.hero-main-title{font-size:2.8rem}
.info-cards-grid{grid-template-columns:repeat(2,1fr)}
}