*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Bitter',serif;font-size:17px;line-height:1.3;color:#182131;background:#F5FBFF;-webkit-font-smoothing:subpixel-antialiased}
img{opacity:0;transition:opacity .4s ease}
img.loaded{opacity:1}
::selection{background:#8a8a8a;color:#fff}
.heado{background:linear-gradient(135deg,#182131 0%,#2a3847 100%);border-bottom:3px solid #83FEF6;box-shadow:0 4px 12px #18213126}
.heado-wrap{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 2px 2fr;align-items:center;gap:48px;padding:24px 32px}
.logo-holder{display:flex;align-items:center;justify-content:flex-start;background:#F5FBFF;padding:12px 16px;border-radius:8px;border:1px solid #182131;box-shadow:0 2px 6px #83fef64d;width:fit-content}
.logo-holder img{width:68px;height:68px;object-fit:contain;display:block;opacity:1}
.heado-divider{width:2px;height:80px;background:linear-gradient(to bottom,transparent,#83FEF6,transparent);justify-self:center}
.navi-holder{display:flex;flex-direction:column;gap:16px}
.main-navi{display:flex;flex-wrap:wrap;gap:12px 24px;list-style:none}
.main-navi li{display:block}
.main-navi a{display:inline-block;color:#F5FBFF;text-decoration:none;padding:10px 18px;border-radius:6px;font-weight:400;transition:all .3s ease;position:relative;overflow:hidden;background:transparent}
.main-navi a::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:#83FEF6;transition:left .35s ease;z-index:-1}
.main-navi a:hover::before{left:0}
.main-navi a:hover{color:#182131;box-shadow:0 2px 8px #83fef666}
.announce-strip{background:#83fef626;padding:8px 16px;border-radius:5px;color:#F5FBFF;font-size:14px;letter-spacing:.03em;border-left:3px solid #83FEF6}
.footr{background:#182131;color:#F5FBFF;padding:56px 0 32px;margin-top:80px}
.footr-wrap{max-width:1140px;margin:0 auto;padding:0 32px}
.footr-top{display:grid;grid-template-columns:1fr 2fr;gap:64px;margin-bottom:48px;padding-bottom:40px;border-bottom:1px solid #83fef633}
.footr-brand-col{display:flex;flex-direction:column;gap:24px}
.footr-logo-holder{background:#F5FBFF;padding:10px 14px;border-radius:6px;width:fit-content;border:1px solid #83FEF6;box-shadow:0 2px 8px #83fef640}
.footr-logo-holder img{width:62px;height:62px;object-fit:contain;display:block;opacity:1}
.footr-tagline{font-size:15px;line-height:1.4;color:#83FEF6;opacity:.85}
.footr-navi-col{display:flex;flex-direction:column;gap:32px}
.footr-navi{list-style:none;display:flex;flex-wrap:wrap;gap:16px 28px}
.footr-navi a{color:#F5FBFF;text-decoration:none;font-size:16px;transition:color .3s ease;position:relative}
.footr-navi a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#83FEF6;transition:width .3s ease}
.footr-navi a:hover{color:#83FEF6}
.footr-navi a:hover::after{width:100%}
.contact-set{display:flex;flex-direction:column;gap:12px}
.contact-item{display:flex;align-items:center;gap:12px;font-size:15px;color:#f5fbffd9}
.contact-icon{width:20px;height:20px;background:#83FEF6;border-radius:4px;flex-shrink:0}
.contact-item a{color:#83FEF6;text-decoration:none;transition:opacity .3s ease}
.contact-item a:hover{opacity:.7}
.footr-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}
.copyright-txt{font-size:14px;color:#f5fbff99}
.meta-links{display:flex;gap:24px;list-style:none}
.meta-links a{color:#f5fbffb3;text-decoration:none;font-size:14px;transition:color .3s ease}
.meta-links a:hover{color:#83FEF6}
.consent-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#182131d9;z-index:9998;animation:fadeIn .3s ease}
.consent-overlay.active{display:block}
@keyframes fadeIn {
from{opacity:0}
to{opacity:1}
}
@keyframes slideUp {
from{transform:translateY(100%)}
to{transform:translateY(0)}
}
@keyframes slideDown {
from{transform:translateY(0)}
to{transform:translateY(100%)}
}
.consent-popup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:720px;max-height:85vh;background:#F5FBFF;border-radius:12px;box-shadow:0 8px 32px #1821314d;z-index:9999;overflow-y:auto;animation:slideUp .4s ease}
.consent-popup.active{display:block}
.consent-popup.closing{animation:slideDown .4s ease forwards}
.consent-content{padding:32px}
.consent-header{margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid #83FEF6}
.consent-header h2{font-size:24px;color:#182131;margin-bottom:8px;font-weight:700}
.policy-link{display:inline-block;color:#182131;text-decoration:underline;font-size:14px;margin-top:8px}
.consent-body{margin-bottom:28px}
.consent-body p{font-size:16px;line-height:1.4;color:#182131;margin-bottom:20px}
.consent-options{display:flex;flex-direction:column;gap:16px;margin:24px 0}
.consent-option{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#83fef614;border-radius:8px;border:1px solid #1821311a}
.consent-option label{font-size:15px;color:#182131;flex:1;cursor:pointer}
.toggle-switch{position:relative;width:52px;height:28px;flex-shrink:0}
.toggle-switch input{opacity:0;width:0;height:0}
.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#ccc;transition:.3s;border-radius:28px}
.toggle-slider::before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background:#fff;transition:.3s;border-radius:50%}
.toggle-switch input:checked + .toggle-slider{background:#83FEF6}
.toggle-switch input:checked + .toggle-slider::before{transform:translateX(24px)}
.toggle-switch input:active + .toggle-slider{box-shadow:inset 0 2px 4px #0003}
.consent-actions{display:flex;gap:16px;flex-wrap:wrap}
.consent-btn{flex:1;min-width:140px;padding:14px 24px;border:none;border-radius:7px;font-family:'Bitter',serif;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}
.consent-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffffff4d;transition:left .35s ease}
.consent-btn:hover::before{left:0}
.btn-accept{background:#83FEF6;color:#182131}
.btn-accept:hover{box-shadow:0 4px 12px #83fef666}
.btn-decline{background:#182131;color:#F5FBFF}
.btn-decline:hover{box-shadow:0 4px 12px #1821314d}
.btn-customize{background:transparent;color:#182131;border:2px solid #182131;flex-basis:100%}
.btn-customize:hover{background:#1821310d}
.consent-details{display:none;margin-top:24px;padding-top:24px;border-top:1px solid #18213126}
.consent-details.visible{display:block}
.mini-consent{display:none;position:fixed;bottom:20px;right:20px;background:#182131;color:#F5FBFF;padding:12px 20px;border-radius:8px;box-shadow:0 4px 16px #1821314d;cursor:pointer;z-index:9000;font-size:14px;transition:all .3s ease}
.mini-consent:hover{background:#2a3847;box-shadow:0 6px 20px #18213166}
.mini-consent.visible{display:block}
@media (max-width: 900px) {
.heado-wrap{grid-template-columns:1fr;gap:24px}
.heado-divider{display:none}
.navi-holder{gap:12px}
.main-navi{justify-content:center}
.footr-top{grid-template-columns:1fr;gap:40px}
.consent-popup{width:95%;max-height:90vh}
.consent-content{padding:24px}
.consent-actions{flex-direction:column}
.consent-btn{width:100%}
}
@media (max-width: 600px) {
body{font-size:16px}
.heado-wrap{padding:20px 16px}
.logo-holder{padding:10px 12px}
.logo-holder img{width:56px;height:56px}
.main-navi{gap:8px 16px}
.main-navi a{padding:8px 14px;font-size:15px}
.announce-strip{font-size:13px;padding:6px 12px}
.footr{padding:40px 0 24px}
.footr-wrap{padding:0 16px}
.footr-top{gap:32px;margin-bottom:32px;padding-bottom:28px}
.footr-logo-holder img{width:52px;height:52px}
.footr-navi{flex-direction:column;gap:12px}
.footr-bottom{flex-direction:column;align-items:flex-start;gap:16px}
.meta-links{flex-direction:column;gap:12px}
.consent-content{padding:20px}
.consent-header h2{font-size:20px}
.consent-body p{font-size:15px}
.consent-option{padding:12px 14px}
.consent-btn{padding:12px 20px;font-size:15px}
.mini-consent{bottom:16px;right:16px;font-size:13px;padding:10px 16px}
}
.content-v-doc{max-width:1140px;margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(1rem,4vw,2rem);background:#fff}
.content-v-doc h1{font-size:clamp(1.75rem,3vw,2.25rem);line-height:1.2;margin:0 0 clamp(1.5rem,3vw,2rem);color:#182131;font-weight:600}
.content-v-doc h2{font-size:clamp(1.35rem,2.5vw,1.65rem);line-height:1.25;margin:clamp(2rem,4vw,3rem) 0 clamp(0.75rem,2vw,1rem);color:#182131;font-weight:600}
.content-v-doc h3{font-size:clamp(1.15rem,2vw,1.35rem);line-height:1.3;margin:clamp(1.5rem,3vw,2rem) 0 clamp(0.5rem,1.5vw,0.75rem);color:#182131;font-weight:600}
.content-v-doc h4{font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.3;margin:clamp(1.25rem,2.5vw,1.75rem) 0 clamp(0.5rem,1vw,0.625rem);color:#182131;font-weight:600}
.content-v-doc h5{font-size:1rem;line-height:1.3;margin:1rem 0 .5rem;color:#182131;font-weight:600}
.content-v-doc h6{font-size:.95rem;line-height:1.3;margin:1rem 0 .5rem;color:#182131;font-weight:600;letter-spacing:.02em}
.content-v-doc p{font-size:17px;line-height:1.65;margin:0 0 1.25rem;color:#2a2a2a}
.content-v-doc strong,.content-v-doc b{font-weight:600;color:#182131}
.content-v-doc a{color:#182131;text-decoration:underline;text-decoration-color:#83FEF6;text-decoration-thickness:2px;text-underline-offset:3px;transition:text-decoration-color .2s ease}
.content-v-doc a:hover{text-decoration-color:#182131}
.content-v-doc a:focus{outline:2px solid #182131;outline-offset:3px;border-radius:2px}
.content-v-doc ul,.content-v-doc ol{font-size:17px;line-height:1.65;margin:0 0 1.25rem;padding-left:1.75rem;color:#2a2a2a}
.content-v-doc ul li,.content-v-doc ol li{margin-bottom:.625rem}
.content-v-doc ul li:last-child,.content-v-doc ol li:last-child{margin-bottom:0}
.content-v-doc table{width:100%;border-collapse:collapse;margin:clamp(1.5rem,3vw,2rem) 0;font-size:17px;box-shadow:0 1px 3px #18213114 0 2px 8px #1821310f;border-radius:8px;overflow:hidden}
.content-v-doc thead{background:#F5FBFF}
.content-v-doc thead tr{border-bottom:2px solid #83FEF6}
.content-v-doc th{padding:1rem 1.25rem;text-align:left;font-weight:600;color:#182131;font-size:.95rem;letter-spacing:.02em}
.content-v-doc tbody tr{border-bottom:1px solid #18213114;transition:background .15s ease}
.content-v-doc tbody tr:last-child{border-bottom:none}
.content-v-doc tbody tr:hover{background:#f5fbff80}
.content-v-doc td{padding:1rem 1.25rem;color:#2a2a2a;line-height:1.5}
.content-v-doc hr{border:none;height:1px;background:linear-gradient(to right,transparent,#1821311f,transparent);margin:clamp(2rem,4vw,3rem) 0}
@media (max-width: 600px) {
.content-v-doc table{font-size:15px}
.content-v-doc th,.content-v-doc td{padding:.75rem 1rem}
.content-v-doc ul,.content-v-doc ol{padding-left:1.25rem}
}
.accred-page{background:#F5FBFF;color:#182131;min-height:100vh;overflow-x:hidden}
.accred-page .content-holder{max-width:1140px;margin:0 auto;padding:0 20px}
.accred-page .heado-block{background:radial-gradient(circle at 85% 20%,#83fef633 0%,transparent 50%),radial-gradient(circle at 10% 80%,#1821310d 0%,transparent 40%);padding:clamp(60px,10vw,120px) 0 clamp(50px,8vw,90px);position:relative;overflow:hidden}
.accred-page .heado-block::before,.accred-page .heado-block::after{content:'';position:absolute;border-radius:50%;background:radial-gradient(circle,#83fef61f 0%,transparent 70%);pointer-events:none}
.accred-page .heado-block::before{width:400px;height:400px;top:-200px;right:-100px}
.accred-page .heado-block::after{width:300px;height:300px;bottom:-150px;left:-50px;opacity:.6}
.accred-page .manifesto-txt{max-width:700px;margin:0 auto;text-align:center;position:relative;z-index:1}
.accred-page .manifesto-txt h1{font-size:clamp(32px,5vw,48px);line-height:1.2;margin:0 0 clamp(16px,2vw,24px);font-weight:600;background:linear-gradient(120deg,#182131 0%,#182131 60%,#83FEF6 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.accred-page .manifesto-txt p{font-size:clamp(16px,1.8vw,19px);line-height:1.5;margin:0;color:#182131;opacity:.85}
.accred-page .credentials-grid{padding:clamp(60px,9vw,100px) 0;background:#fff}
.accred-page .credentials-grid .content-holder{display:grid;grid-template-columns:3fr 1fr;gap:clamp(40px,5vw,70px);align-items:start}
.accred-page .main-credentials{display:flex;flex-direction:column;gap:clamp(30px,4vw,50px)}
.accred-page .cert-item{background:#F5FBFF;padding:clamp(24px,3vw,36px);border-radius:12px;box-shadow:0 3px 12px #18213114;transition:box-shadow .3s ease,transform .3s ease}
.accred-page .cert-item:hover{box-shadow:0 6px 20px #18213124;transform:translateY(-2px)}
.accred-page .cert-item h3{font-size:clamp(19px,2.2vw,24px);line-height:1.3;margin:0 0 clamp(10px,1.2vw,14px);font-weight:600;color:#182131}
.accred-page .cert-item p{font-size:17px;line-height:1.4;margin:0 0 12px;color:#182131;opacity:.8}
.accred-page .cert-item p:last-child{margin:0}
.accred-page .cert-meta{display:flex;gap:16px;margin-top:16px;flex-wrap:wrap}
.accred-page .cert-badge{display:inline-block;padding:6px 14px;background:linear-gradient(90deg,#83fef626 0%,#83fef60d 100%);border-radius:20px;font-size:14px;color:#182131;font-weight:500;letter-spacing:.3px}
.accred-page .sidebar-detail{position:sticky;top:30px}
.accred-page .img-frame{border-radius:8px;overflow:hidden;box-shadow:0 4px 16px #1821311f;margin-bottom:24px}
.accred-page .img-frame img{width:100%;height:280px;object-fit:cover;display:block;opacity:0;animation:fadeInImg .6s ease forwards}
@keyframes fadeInImg {
to{opacity:1}
}
.accred-page .info-snippet{background:#F5FBFF;padding:20px;border-radius:8px;box-shadow:0 2px 8px #1821310f}
.accred-page .info-snippet h5{font-size:15px;font-weight:600;margin:0 0 12px;color:#182131;letter-spacing:.5px;text-transform:uppercase}
.accred-page .info-snippet p{font-size:15px;line-height:1.5;margin:0 0 8px;color:#182131;opacity:.75}
.accred-page .info-snippet p:last-child{margin:0}
.accred-page .standards-section{padding:clamp(60px,9vw,100px) 0;background:linear-gradient(135deg,#F5FBFF 0%,white 100%);position:relative}
.accred-page .standards-section::before{content:'';position:absolute;left:0;right:30%;height:2px;background:linear-gradient(to right,transparent 0%,#83FEF6 20%,#83FEF6 80%,transparent 100%);top:0}
.accred-page .standards-intro{max-width:800px;margin:0 auto clamp(40px,5vw,60px);text-align:center}
.accred-page .standards-intro h2{font-size:clamp(26px,3.5vw,36px);line-height:1.25;margin:0 0 clamp(14px,2vw,20px);font-weight:600;background:linear-gradient(105deg,#182131 0%,#182131 55%,#83FEF6 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.accred-page .standards-intro p{font-size:clamp(16px,1.8vw,18px);line-height:1.5;margin:0;color:#182131;opacity:.8}
.accred-page .tag-cloud{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;max-width:900px;margin:0 auto}
.accred-page .cloud-tag{padding:10px 20px;background:#fff;border-radius:24px;box-shadow:0 2px 8px #18213114;font-weight:500;color:#182131;transition:all .3s ease;cursor:default}
.accred-page .cloud-tag.size-lg{font-size:20px;padding:14px 28px}
.accred-page .cloud-tag.size-md{font-size:17px;padding:12px 24px}
.accred-page .cloud-tag.size-sm{font-size:15px;padding:10px 20px}
.accred-page .cloud-tag.size-xs{font-size:14px;padding:8px 16px}
.accred-page .cloud-tag:hover{box-shadow:0 4px 16px #83fef64d;transform:translateY(-2px)}
@media (max-width: 900px) {
.accred-page .credentials-grid .content-holder{grid-template-columns:1fr}
.accred-page .sidebar-detail{position:static;max-width:400px;margin:0 auto}
.accred-page .standards-section::before{right:50%}
}
@media (max-width: 600px) {
.accred-page .content-holder{padding:0 16px}
.accred-page .cert-meta{flex-direction:column;gap:8px}
.accred-page .cert-badge{display:block;text-align:center}
.accred-page .tag-cloud{gap:12px}
}
.courses-hub{background:#F5FBFF;color:#182131;max-width:100%;overflow-x:hidden}
.courses-hub *{box-sizing:border-box}
.courses-hub .wrapper-top{max-width:1140px;margin:0 auto;padding:80px 24px 100px;position:relative;overflow:hidden}
@keyframes aurora-drift {
0%,100%{transform:translate(0%,0%) scale(1);opacity:.15}
33%{transform:translate(20%,15%) scale(1.1);opacity:.25}
66%{transform:translate(-15%,20%) scale(0.95);opacity:.2}
}
.courses-hub .aurora-bg{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 40%,#83fef64d,transparent 50%),radial-gradient(circle at 70% 60%,#18213133,transparent 60%);animation:aurora-drift 18s ease-in-out infinite;pointer-events:none;z-index:0}
.courses-hub .heado-content{position:relative;z-index:1;display:flex;align-items:center;gap:48px}
.courses-hub .img-holder{flex-shrink:0;width:340px;height:340px;border-radius:50%;overflow:hidden;box-shadow:0 12px 40px #18213126;filter:blur(8px);animation:img-clear 1.2s ease-out forwards;animation-delay:.3s}
@keyframes img-clear {
to{filter:blur(0)}
}
.courses-hub .img-holder img{width:100%;height:100%;object-fit:cover}
.courses-hub .text-holder{flex:1}
.courses-hub .text-holder h1{font-size:clamp(32px,4vw,44px);line-height:1.2;margin:0 0 20px;font-weight:700;background:linear-gradient(95deg,#182131 0%,#182131 55%,#83FEF6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.courses-hub .text-holder p{font-size:17px;line-height:1.5;margin:0 0 32px;color:#182131;opacity:.85}
.courses-hub .actions-row{display:flex;gap:28px;align-items:center}
.courses-hub .actions-row a{font-size:16px;color:#182131;text-decoration:none;padding:12px 28px;border-radius:8px;position:relative;overflow:hidden;background:#fff;box-shadow:0 4px 16px #1821311a;transition:box-shadow .3s ease;letter-spacing:.3px}
.courses-hub .actions-row a::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#83FEF6,#182131);transition:left .4s ease;z-index:-1}
.courses-hub .actions-row a:hover::before{left:0}
.courses-hub .actions-row a:hover{color:#fff;box-shadow:0 6px 24px #83fef659}
@media (max-width: 900px) {
.courses-hub .heado-content{flex-direction:column;text-align:center}
.courses-hub .img-holder{width:280px;height:280px}
.courses-hub .actions-row{justify-content:center}
}
@media (max-width: 600px) {
.courses-hub .wrapper-top{padding:60px 20px 80px}
.courses-hub .img-holder{width:220px;height:220px}
.courses-hub .actions-row{flex-direction:column;gap:16px}
.courses-hub .actions-row a{width:100%;text-align:center}
}
.courses-hub .block-intro{max-width:1140px;margin:0 auto;padding:0 24px 80px;display:grid;grid-template-columns:1fr 2fr;gap:60px;align-items:start}
.courses-hub .sidebar-text{position:sticky;top:24px}
.courses-hub .sidebar-text h2{font-size:clamp(22px,3vw,28px);line-height:1.25;margin:0 0 18px;font-weight:600}
.courses-hub .sidebar-text p{font-size:16px;line-height:1.4;color:#182131;opacity:.75;margin:0}
.courses-hub .main-text p{font-size:17px;line-height:1.6;margin:0 0 20px;color:#182131}
.courses-hub .main-text p:last-child{margin-bottom:0}
@media (max-width: 900px) {
.courses-hub .block-intro{grid-template-columns:1fr;gap:36px}
.courses-hub .sidebar-text{position:static}
}
.courses-hub .divider-main{max-width:1140px;margin:0 auto 80px;padding:0 24px}
.courses-hub .divider-main hr{border:none;height:4px;background:#83FEF6;margin:0}
.courses-hub .grid-courses{max-width:1140px;margin:0 auto;padding:0 24px 100px;position:relative}
.courses-hub .grid-courses::before{content:'';position:absolute;top:-60px;left:5%;width:40px;height:40px;background:#83FEF6;border-radius:8px;opacity:.15;transform:rotate(15deg)}
.courses-hub .grid-courses::after{content:'';position:absolute;bottom:80px;right:8%;width:28px;height:28px;background:#182131;border-radius:50%;opacity:.08}
.courses-hub .grid-courses h2{font-size:clamp(26px,3.5vw,36px);line-height:1.2;margin:0 0 48px;text-align:center;background:linear-gradient(90deg,#182131 0%,#83FEF6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.courses-hub .cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.courses-hub .course-card{background:#fff;border-radius:16px;padding:28px 20px;box-shadow:0 6px 20px #18213114;transition:transform .3s ease,box-shadow .3s ease}
.courses-hub .course-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #83fef633}
.courses-hub .card-img{width:100%;height:180px;border-radius:12px;overflow:hidden;margin-bottom:20px;border:3px solid #F5FBFF}
.courses-hub .card-img img{width:100%;height:100%;object-fit:cover;opacity:0;animation:fade-in .6s ease forwards}
@keyframes fade-in {
to{opacity:1}
}
.courses-hub .course-card h3{font-size:19px;line-height:1.3;margin:0 0 12px;font-weight:600}
.courses-hub .course-card p{font-size:15px;line-height:1.4;margin:0;color:#182131;opacity:.7}
@media (max-width: 1200px) {
.courses-hub .cards-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 600px) {
.courses-hub .cards-grid{grid-template-columns:1fr}
}
.courses-hub .filters-block{background:#fff;padding:80px 24px;position:relative;overflow:hidden}
@keyframes shadow-move {
0%,100%{box-shadow:-40px -40px 80px #1821310d}
50%{box-shadow:40px 40px 100px #83fef614}
}
.courses-hub .filters-block::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;animation:shadow-move 12s ease-in-out infinite;pointer-events:none}
.courses-hub .filters-wrapper{max-width:1140px;margin:0 auto;position:relative;z-index:1}
.courses-hub .filters-wrapper h2{font-size:clamp(24px,3vw,32px);line-height:1.25;margin:0 0 36px;text-align:center;font-weight:600}
.courses-hub .tag-list{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:40px}
.courses-hub .tag-item{display:none}
.courses-hub .tag-label{display:inline-block;padding:10px 24px;font-size:15px;background:#F5FBFF;color:#182131;border-radius:24px;cursor:pointer;transition:all .3s ease;letter-spacing:.4px;border:2px solid transparent}
.courses-hub .tag-label:hover{background:#83fef626;border-color:#83FEF6}
.courses-hub .tag-item:checked + .tag-label{background:#182131;color:#fff;box-shadow:inset 0 2px 6px #0003}
.courses-hub .result-text{text-align:center;font-size:16px;color:#182131;opacity:.75}
.courses-hub .metrics-band{background:linear-gradient(135deg,#182131 0%,#182131 70%,#83fef633 100%);padding:70px 24px;position:relative;overflow:hidden}
.courses-hub .metrics-band::before{content:'';position:absolute;top:15%;right:10%;width:60px;height:60px;background:#83fef61a;border-radius:12px;transform:rotate(25deg)}
.courses-hub .metrics-band::after{content:'';position:absolute;bottom:20%;left:8%;width:44px;height:44px;background:#83fef614;border-radius:50%}
.courses-hub .metrics-content{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:40px;position:relative;z-index:1}
.courses-hub .metric-box{text-align:center;color:#fff}
.courses-hub .metric-number{font-size:clamp(38px,5vw,54px);font-weight:700;line-height:1;margin:0 0 12px;color:#83FEF6}
.courses-hub .metric-caption{font-size:16px;line-height:1.3;opacity:.9;margin:0}
@media (max-width: 900px) {
.courses-hub .metrics-content{grid-template-columns:repeat(2,1fr);gap:36px}
}
@media (max-width: 600px) {
.courses-hub .metrics-content{grid-template-columns:1fr;gap:32px}
}
.courses-hub .indicator-zone{max-width:1140px;margin:0 auto;padding:90px 24px}
.courses-hub .indicator-zone h2{font-size:clamp(24px,3vw,32px);line-height:1.25;margin:0 0 16px;font-weight:600;background:linear-gradient(85deg,#182131 30%,#83FEF6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.courses-hub .indicator-zone > p{font-size:17px;line-height:1.5;margin:0 0 48px;max-width:720px;color:#182131;opacity:.8}
.courses-hub .levels-strip{display:flex;gap:0;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #1821311f}
.courses-hub .level-segment{flex:1;padding:32px 20px;text-align:center;position:relative}
.courses-hub .level-segment:nth-child(1){background:linear-gradient(180deg,#83fef64d,#83fef626)}
.courses-hub .level-segment:nth-child(2){background:linear-gradient(180deg,#83fef680,#83fef640)}
.courses-hub .level-segment:nth-child(3){background:linear-gradient(180deg,#83fef6b3,#83fef666)}
.courses-hub .level-segment:nth-child(4){background:linear-gradient(180deg,#83FEF6,#83fef699)}
.courses-hub .level-name{font-size:18px;font-weight:600;margin:0 0 10px;color:#182131}
.courses-hub .level-desc{font-size:14px;line-height:1.4;margin:0;color:#182131;opacity:.85}
@media (max-width: 900px) {
.courses-hub .levels-strip{flex-direction:column}
}
.courses-hub .closing-block{background:#F5FBFF;padding:80px 24px 100px;text-align:center}
.courses-hub .closing-block .narrow-holder{max-width:640px;margin:0 auto}
.courses-hub .closing-block h2{font-size:clamp(26px,3.5vw,36px);line-height:1.2;margin:0 0 24px;font-weight:700;background:linear-gradient(100deg,#182131 20%,#83FEF6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.courses-hub .closing-block p{font-size:17px;line-height:1.6;margin:0 0 36px;color:#182131;opacity:.8}
.courses-hub .closing-block a{display:inline-block;font-size:17px;color:#182131;padding:14px 40px;border-radius:10px;text-decoration:none;background:#fff;box-shadow:0 6px 20px #1821311a;transition:all .3s ease;position:relative;overflow:hidden}
.courses-hub .closing-block a::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#182131,#83FEF6);z-index:-1;transition:left .4s ease}
.courses-hub .closing-block a:hover::before{left:0}
.courses-hub .closing-block a:hover{color:#fff;box-shadow:0 8px 28px #83fef64d;transform:translateY(-2px)}
.courses-hub ::selection{background:#18213133;color:inherit}
.courses-hub ::-moz-selection{background:#18213133;color:inherit}
.about-holder{background:#F5FBFF;color:#182131;overflow-x:clip}
.about-holder *{box-sizing:border-box}
.about-holder img{opacity:0;transition:opacity .6s ease}
.about-holder img[loading="lazy"]{opacity:1}
.about-holder ::selection{background:#18213126;color:inherit}
.about-holder a{color:inherit;text-decoration:none}
.split-intro{display:grid;grid-template-rows:1fr 1fr;min-height:85vh;position:relative;overflow:hidden}
.split-intro .top-section{background:linear-gradient(135deg,#182131 0%,#2a3a52 100%);display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem;position:relative}
.split-intro .deco-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.08;background:repeating-linear-gradient(45deg,transparent,transparent 60px,#83fef64d 60px,#83fef64d 62px);animation:subtle-drift 40s linear infinite}
@keyframes subtle-drift {
from{transform:translateX(0)}
to{transform:translateX(120px)}
}
.split-intro .intro-content{max-width:1140px;width:100%;text-align:center;position:relative;z-index:1}
.split-intro h1{font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.2;margin:0 0 1.8rem;background:linear-gradient(90deg,#83FEF6 0%,#F5FBFF 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}
.split-intro .action-link{display:inline-block;padding:.9rem 2.4rem;background:#83fef61f;color:#83FEF6;border-radius:6px;font-size:clamp(0.95rem,2vw,1.05rem);position:relative;overflow:hidden;transition:color .3s ease}
.split-intro .action-link::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:#83FEF6;transition:left .4s ease;z-index:-1}
.split-intro .action-link:hover{color:#182131}
.split-intro .action-link:hover::before{left:0}
.split-intro .bottom-section{position:relative;overflow:hidden}
.split-intro .img-backdrop{width:100%;height:100%;object-fit:cover;filter:sepia(0.3) saturate(1.2) brightness(1.05)}
@media (min-width: 900px) {
.split-intro{grid-template-columns:1fr 1fr;grid-template-rows:1fr;min-height:70vh}
}
.story-panel{padding:5rem 1.5rem;background:#fff;position:relative}
.story-panel::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:1px;height:100%;background:linear-gradient(to bottom,transparent,#18213114 20%,#18213114 80%,transparent);pointer-events:none}
.story-panel .content-wrap{max-width:740px;margin:0 auto}
.story-panel h2{font-size:clamp(1.8rem,4vw,2.4rem);line-height:1.25;margin:0 0 2.2rem;text-align:center;background:linear-gradient(110deg,#182131 0%,#83FEF6 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.story-panel p{font-size:17px;line-height:1.65;margin:0 0 1.4rem;color:#182131}
.story-panel p:last-of-type{margin-bottom:0}
.timeline-interactive{padding:5.5rem 1.5rem;background:linear-gradient(165deg,#F5FBFF 0%,#fff 100%);position:relative}
.timeline-interactive .wrapper-box{max-width:1140px;margin:0 auto}
.timeline-interactive h2{font-size:clamp(1.75rem,4vw,2.3rem);line-height:1.3;margin:0 0 3.5rem;text-align:center;background:linear-gradient(95deg,#182131 0%,#83FEF6 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.timeline-interactive .timeline-structure{display:grid;gap:2rem;position:relative}
.timeline-interactive .timeline-structure::before{content:'';position:absolute;left:2rem;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#83FEF6,#83fef633)}
.timeline-interactive .event-item{position:relative;padding-left:5.5rem}
.timeline-interactive .event-marker{position:absolute;left:1.25rem;top:.4rem;width:1.5rem;height:1.5rem;background:#83FEF6;border-radius:50%;box-shadow:0 0 0 4px #F5FBFF,0 0 0 6px #83fef633;transition:transform .3s ease,box-shadow .3s ease}
.timeline-interactive .event-trigger{position:absolute;opacity:0;pointer-events:none}
.timeline-interactive .event-trigger:checked ~ .event-marker{transform:scale(1.3);box-shadow:0 0 0 6px #F5FBFF,0 0 12px #83fef680}
.timeline-interactive .event-label{display:block;cursor:pointer;font-size:clamp(1.15rem,2.5vw,1.35rem);font-weight:600;margin:0 0 .7rem;color:#182131;position:relative;padding-bottom:.5rem}
.timeline-interactive .event-label::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#83FEF6,transparent);transition:width .3s ease}
.timeline-interactive .event-trigger:checked ~ .event-label::after{width:100%}
.timeline-interactive .event-detail{max-height:0;overflow:hidden;transition:max-height .4s ease,opacity .4s ease;opacity:0}
.timeline-interactive .event-trigger:checked ~ .event-detail{max-height:500px;opacity:1}
.timeline-interactive .event-detail p{font-size:17px;line-height:1.6;color:#182131;margin:0}
@media (min-width: 900px) {
.timeline-interactive .timeline-structure{grid-template-columns:1fr 1fr;gap:3rem 4rem}
.timeline-interactive .timeline-structure::before{left:50%;transform:translateX(-50%)}
.timeline-interactive .event-item:nth-child(odd){padding-left:0;padding-right:5.5rem;text-align:right}
.timeline-interactive .event-item:nth-child(odd) .event-marker{left:auto;right:1.25rem}
.timeline-interactive .event-item:nth-child(even){padding-left:5.5rem}
.timeline-interactive .event-item:nth-child(even) .event-marker{left:1.25rem}
.timeline-interactive .event-item:nth-child(odd) .event-label::after{left:auto;right:0}
}
.data-showcase{padding:5rem 1.5rem;background:#fff;position:relative}
.data-showcase::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(./background_gallery/10-special.jpg) center/cover;opacity:.04;filter:blur(3px);pointer-events:none}
.data-showcase .data-wrapper{max-width:1140px;margin:0 auto;position:relative;z-index:1}
.data-showcase h2{font-size:clamp(1.7rem,4vw,2.2rem);line-height:1.3;margin:0 0 3rem;text-align:center;background:linear-gradient(100deg,#182131 0%,#83FEF6 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.data-showcase .metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;margin-bottom:3.5rem}
.data-showcase .metric-card{background:linear-gradient(135deg,#F5FBFF 0%,#fff 100%);padding:2.2rem 1.8rem;border-radius:12px;box-shadow:0 4px 16px #18213114;transition:transform .3s ease,box-shadow .3s ease}
.data-showcase .metric-card:hover{transform:translateY(-6px);box-shadow:0 8px 24px #18213124}
.data-showcase .metric-value{font-size:clamp(2.2rem,5vw,3rem);font-weight:700;line-height:1.1;margin:0 0 .5rem;background:linear-gradient(120deg,#182131 0%,#83FEF6 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.data-showcase .metric-label{font-size:clamp(0.95rem,2vw,1.05rem);color:#182131;line-height:1.4;margin:0}
.data-showcase .table-container{overflow-x:auto;border-radius:10px;box-shadow:0 4px 20px #1821311a}
.data-showcase table{width:100%;border-collapse:collapse;background:#fff}
.data-showcase thead{background:linear-gradient(135deg,#182131 0%,#2a3a52 100%);color:#83FEF6}
.data-showcase th{padding:1.2rem 1.5rem;text-align:left;font-size:clamp(0.95rem,2vw,1.05rem);font-weight:600;letter-spacing:.03em}
.data-showcase td{padding:1.1rem 1.5rem;font-size:17px;color:#182131;border-bottom:1px solid #1821310f}
.data-showcase tbody tr:nth-child(even){background:#F5FBFF}
.data-showcase tbody tr{transition:background .2s ease}
.data-showcase tbody tr:hover{background:#83fef614}
.team-gallery{padding:5.5rem 1.5rem;background:linear-gradient(180deg,#fff 0%,#F5FBFF 100%)}
.team-gallery .team-container{max-width:1140px;margin:0 auto}
.team-gallery h2{font-size:clamp(1.75rem,4vw,2.3rem);line-height:1.3;margin:0 0 1.2rem;text-align:center;background:linear-gradient(105deg,#182131 0%,#83FEF6 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.team-gallery .intro-text{font-size:17px;line-height:1.6;color:#182131;text-align:center;max-width:680px;margin:0 auto 3.5rem}
.team-gallery .member-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2.5rem}
.team-gallery .member-box{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 6px 18px #18213114;transition:transform .3s ease,box-shadow .3s ease}
.team-gallery .member-box:hover{transform:scale(1.03);box-shadow:0 10px 28px #18213126}
.team-gallery .member-img{width:100%;height:320px;object-fit:cover}
.team-gallery .member-info{padding:1.8rem 1.5rem}
.team-gallery .member-name{font-size:clamp(1.15rem,2.5vw,1.3rem);font-weight:600;margin:0 0 .4rem;color:#182131}
.team-gallery .member-role{font-size:clamp(0.95rem,2vw,1.05rem);color:#182131b3;margin:0 0 1rem}
.team-gallery .member-bio{font-size:17px;line-height:1.55;color:#182131;margin:0}
@media (min-width: 600px) {
.team-gallery .member-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
}
.reach-page{background:#F5FBFF;color:#182131;overflow-x:hidden}
.reach-page *{box-sizing:border-box;margin:0;padding:0}
.reach-page .wrap-holder{max-width:1140px;margin:0 auto;padding:0 20px}
.reach-page .hero-contact{background:linear-gradient(135deg,#F5FBFF 0%,#fff 100%);padding:80px 0 60px;position:relative;overflow:hidden}
.reach-page .hero-contact::before{content:'C';position:absolute;font-size:480px;font-weight:700;color:#83FEF6;opacity:.08;top:-120px;right:-80px;line-height:1;pointer-events:none}
.reach-page .hero-split{display:grid;grid-template-columns:1fr 380px;gap:80px;align-items:start;position:relative}
.reach-page .heado-text{padding-top:40px}
.reach-page .main-title{font-size:clamp(38px,5vw,56px);line-height:1.2;margin-bottom:12px;color:#182131}
.reach-page .sub-title{font-size:clamp(24px,3vw,32px);line-height:1.3;margin-bottom:28px;background:linear-gradient(90deg,#182131 0%,#83FEF6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.reach-page .intro-txt{font-size:17px;line-height:1.6;margin-bottom:24px;max-width:560px}
.reach-page .floating-img{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 12px 40px #18213126}
.reach-page .floating-img img{width:100%;height:460px;object-fit:cover;display:block;opacity:0;animation:imgFadeIn .8s ease forwards}
@keyframes imgFadeIn {
to{opacity:1}
}
.reach-page .floating-img::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#83fef61f 0%,#18213114 100%);pointer-events:none}
.reach-page .contact-info-block{margin-top:40px;display:grid;gap:20px}
.reach-page .info-item{display:flex;align-items:start;gap:16px}
.reach-page .info-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#83FEF6 0%,#182131 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.reach-page .info-icon svg{width:20px;height:20px;fill:#F5FBFF}
.reach-page .info-content h6{font-size:14px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;opacity:.7}
.reach-page .info-content p{font-size:16px;line-height:1.5}
.reach-page .info-content a{color:#182131;text-decoration:none;transition:color .3s ease}
.reach-page .info-content a:hover{color:#83FEF6;text-shadow:0 0 12px #83fef680}
.reach-page .form-section{background:#fff;padding:100px 0;position:relative;clip-path:polygon(0 40px,100% 0,100% 100%,0 100%);margin-top:-40px}
.reach-page .form-grid{display:grid;grid-template-columns:420px 1fr;gap:100px;align-items:start}
.reach-page .form-intro{position:sticky;top:100px}
.reach-page .form-intro h4{font-size:clamp(28px,3vw,38px);line-height:1.25;margin-bottom:20px;background:linear-gradient(90deg,#182131 0%,#83FEF6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.reach-page .form-intro p{font-size:17px;line-height:1.6;margin-bottom:16px}
.reach-page .form-visual{margin-top:32px;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #1821311a}
.reach-page .form-visual img{width:100%;height:280px;object-fit:cover;display:block;opacity:0;animation:imgFadeIn .8s .3s ease forwards}
.reach-page .contact-form{background:linear-gradient(135deg,#F5FBFF 0%,#fff 100%);padding:48px;border-radius:20px;box-shadow:0 16px 48px #18213114}
.reach-page .form-row{margin-bottom:28px}
.reach-page .form-row label{display:block;font-size:15px;font-weight:600;margin-bottom:10px;color:#182131}
.reach-page .form-row input[type="text"],.reach-page .form-row input[type="email"],.reach-page .form-row textarea{width:100%;padding:14px 18px;border:none;background:#fff;border-radius:12px;font-size:16px;color:#182131;box-shadow:0 4px 12px #1821310f;transition:box-shadow .3s ease}
.reach-page .form-row input[type="text"]:focus,.reach-page .form-row input[type="email"]:focus,.reach-page .form-row textarea:focus{outline:none;box-shadow:0 4px 12px #83fef64d 0 0 0 3px #83fef626}
.reach-page .form-row input[type="text"]::placeholder,.reach-page .form-row input[type="email"]::placeholder,.reach-page .form-row textarea::placeholder{color:#18213166}
.reach-page .form-row textarea{min-height:140px;resize:vertical}
.reach-page .method-selector{display:grid;gap:12px;margin-bottom:28px}
.reach-page .method-label-txt{display:block;font-size:15px;font-weight:600;margin-bottom:12px;color:#182131}
.reach-page .method-option{position:relative}
.reach-page .method-option input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.reach-page .method-option label{display:block;padding:16px 20px;background:#fff;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #1821310a;font-weight:500;font-size:16px}
.reach-page .method-option input[type="radio"]:checked + label{background:linear-gradient(135deg,#83FEF6 0%,#182131 100%);color:#F5FBFF;box-shadow:0 6px 20px #83fef666 inset 0 2px 4px #00000026}
.reach-page .method-option input[type="radio"]:not(:checked) + label:hover{box-shadow:0 4px 16px #1821311f}
.reach-page .conditional-holder{display:none;margin-top:16px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #83fef626}
.reach-page #method-email:checked ~ .email-field-holder,.reach-page #method-phone:checked ~ .phone-field-holder,.reach-page #method-messenger:checked ~ .messenger-field-holder{display:block}
.reach-page .conditional-holder label{display:block;font-size:14px;margin-bottom:8px;color:#182131;font-weight:500}
.reach-page .conditional-holder input[type="text"],.reach-page .conditional-holder input[type="email"],.reach-page .conditional-holder input[type="tel"]{width:100%;padding:12px 16px;border:2px solid #F5FBFF;background:#F5FBFF;border-radius:10px;font-size:15px;color:#182131;transition:border-color .3s ease,background .3s ease}
.reach-page .conditional-holder input:focus{outline:none;border-color:#83FEF6;background:#fff}
.reach-page .privacy-check{margin-bottom:28px;display:flex;align-items:start;gap:12px}
.reach-page .privacy-check input[type="checkbox"]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:#83FEF6;flex-shrink:0}
.reach-page .privacy-check label{font-size:14px;line-height:1.6;color:#182131cc;cursor:pointer}
.reach-page .privacy-check a{color:#182131;text-decoration:underline;transition:color .3s ease}
.reach-page .privacy-check a:hover{color:#83FEF6}
.reach-page .submit-btn{width:100%;padding:16px 32px;background:#182131;color:#F5FBFF;border:none;border-radius:12px;font-size:17px;font-weight:600;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 8px 24px #18213133;transition:box-shadow .3s ease,transform .1s ease}
.reach-page .submit-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,#83FEF6 50%,transparent 100%);transition:left .5s ease}
.reach-page .submit-btn:hover::before{left:100%}
.reach-page .submit-btn:hover{box-shadow:0 12px 32px #83fef666}
.reach-page .submit-btn:active{transform:scale(0.98);box-shadow:0 4px 16px #1821314d inset 0 3px 8px #0003}
@media (max-width: 1200px) {
.reach-page .hero-split{gap:60px}
.reach-page .form-grid{gap:80px}
}
@media (max-width: 900px) {
.reach-page .hero-split{grid-template-columns:1fr;gap:40px}
.reach-page .floating-img{max-width:480px;margin:0 auto}
.reach-page .form-grid{grid-template-columns:1fr;gap:60px}
.reach-page .form-intro{position:static}
.reach-page .hero-contact{padding:60px 0 40px}
.reach-page .form-section{padding:80px 0}
}
@media (max-width: 600px) {
.reach-page .hero-contact::before{font-size:280px;right:-60px;top:-80px}
.reach-page .contact-form{padding:32px 24px}
.reach-page .form-section{clip-path:polygon(0 20px,100% 0,100% 100%,0 100%);margin-top:-20px}
.reach-page .hero-contact{padding:40px 0 30px}
.reach-page .form-section{padding:60px 0}
.reach-page .heado-text{padding-top:20px}
}
.success-holder{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#F5FBFF 0%,#fff 100%);padding:2rem 1rem;position:relative;overflow:hidden}
.success-holder::before{content:'';position:absolute;top:-10%;right:-5%;width:40%;height:40%;background:radial-gradient(circle,#83fef626 0%,transparent 70%);pointer-events:none}
.success-holder::after{content:'';position:absolute;bottom:-15%;left:-8%;width:50%;height:50%;background:radial-gradient(circle,#18213114 0%,transparent 65%);pointer-events:none}
.success-main{max-width:720px;width:100%;background:#fff;border-radius:16px;padding:3.5rem 2.5rem;box-shadow:0 8px 32px #1821311f;text-align:center;position:relative;z-index:1;animation:slideUpFade .6s ease-out}
@keyframes slideUpFade {
from{opacity:0;transform:translateY(30px)}
to{opacity:1;transform:translateY(0)}
}
.success-icon-wrap{width:96px;height:96px;margin:0 auto 2rem;position:relative;animation:scaleIn .5s ease-out .2s both}
@keyframes scaleIn {
from{opacity:0;transform:scale(0.5)}
to{opacity:1;transform:scale(1)}
}
.check-circle{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,#83FEF6 0%,#182131 100%);position:relative;display:flex;align-items:center;justify-content:center}
.check-mark{width:36px;height:36px;position:relative}
.check-mark::before,.check-mark::after{content:'';position:absolute;background:#fff;border-radius:3px}
.check-mark::before{width:6px;height:18px;bottom:8px;left:8px;transform:rotate(-45deg);animation:checkShort .3s ease-out .5s both}
.check-mark::after{width:6px;height:30px;bottom:0;right:6px;transform:rotate(45deg);animation:checkLong .4s ease-out .6s both}
@keyframes checkShort {
from{height:0}
to{height:18px}
}
@keyframes checkLong {
from{height:0}
to{height:30px}
}
.success-title{font-size:clamp(1.75rem,4vw,2.25rem);line-height:1.2;margin:0 0 1.25rem;background:linear-gradient(135deg,#182131 0%,#182131 70%,#83FEF6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeIn .5s ease-out .3s both}
@keyframes fadeIn {
from{opacity:0}
to{opacity:1}
}
.success-text{font-size:1.0625rem;line-height:1.6;color:#182131;margin:0 0 2.5rem;max-width:540px;margin-left:auto;margin-right:auto;animation:fadeIn .6s ease-out .4s both}
.action-row{display:flex;flex-direction:column;gap:1rem;align-items:center;animation:fadeIn .7s ease-out .5s both}
.btn-primary{display:inline-block;padding:.875rem 2.25rem;font-size:1.0625rem;color:#fff;background:#182131;text-decoration:none;border-radius:8px;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .3s ease;box-shadow:0 4px 16px #18213133}
.btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,#83fef64d 50%,transparent 100%);transition:left .5s ease}
.btn-primary:hover::before{left:100%}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #18213147}
.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #18213133 inset}
.btn-secondary{display:inline-block;padding:.75rem 1.75rem;font-size:1rem;color:#182131;background:transparent;text-decoration:none;border-radius:8px;position:relative;transition:color .3s ease}
.btn-secondary::after{content:'';position:absolute;bottom:.5rem;left:1.75rem;right:1.75rem;height:2px;background:linear-gradient(90deg,#83FEF6 0%,#182131 100%);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.btn-secondary:hover::after{transform:scaleX(1)}
.btn-secondary:hover{color:#182131}
.info-strip{margin-top:3rem;padding-top:2rem;border-top:1px solid #1821311a;animation:fadeIn .8s ease-out .6s both}
.info-line{font-size:.9375rem;line-height:1.5;color:#182131b3;margin:0}
.info-line a{color:#182131;text-decoration:none;position:relative;transition:color .3s ease}
.info-line a:hover{color:#83FEF6;text-shadow:0 0 8px #83fef666}
.decorative-shape{position:absolute;pointer-events:none;opacity:.06}
.shape-one{top:12%;left:8%;width:120px;height:120px;background:#182131;clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);transform:rotate(15deg);animation:floatRotate 12s ease-in-out infinite}
@keyframes floatRotate {
0%,100%{transform:rotate(15deg) translateY(0)}
50%{transform:rotate(25deg) translateY(-20px)}
}
.shape-two{bottom:18%;right:10%;width:90px;height:90px;background:#83FEF6;border-radius:40% 60% 70% 30% / 50% 40% 60% 50%;animation:morphFloat 10s ease-in-out infinite}
@keyframes morphFloat {
0%,100%{border-radius:40% 60% 70% 30% / 50% 40% 60% 50%;transform:translateY(0) rotate(0deg)}
50%{border-radius:60% 40% 30% 70% / 40% 60% 40% 60%;transform:translateY(-15px) rotate(180deg)}
}
@media (max-width: 600px) {
.success-main{padding:2.5rem 1.75rem}
.success-icon-wrap{width:80px;height:80px;margin-bottom:1.5rem}
.check-circle{width:80px;height:80px}
.check-mark{width:30px;height:30px}
.check-mark::before{height:15px;bottom:7px;left:7px}
.check-mark::after{height:25px;right:5px}
@keyframes checkShort {
from{height:0}
to{height:15px}
}
@keyframes checkLong {
from{height:0}
to{height:25px}
}
.success-text{font-size:1rem}
.btn-primary{width:100%;text-align:center}
.btn-secondary{width:100%;text-align:center}
.info-strip{margin-top:2rem;padding-top:1.5rem}
.shape-one{width:80px;height:80px}
.shape-two{width:60px;height:60px}
}
@media (min-width: 601px) and (max-width: 900px) {
.success-main{padding:3rem 2rem}
}