*{margin:0;padding:0;box-sizing:border-box}
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}
figure,blockquote{margin:0}
img{max-width:100%;display:block}
body{font-family:'IBM Plex Mono','Fira Code',monospace;font-size:18px;line-height:1.5;color:#1a1a1a;background:#fff;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}
body ::selection{background:#00AED6;color:#fff}
.topwrapper{max-width:1400px;margin:0 auto;padding:28px 40px 24px;display:grid;grid-template-columns:1fr 1px 1fr;gap:48px;align-items:center;background:linear-gradient(135deg,#ECFCF3 0%,#fff 100%)}
.brandzone{display:flex;align-items:center;gap:20px}
.logocontainer{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 0 0 2px #00aed633;border-radius:20px;padding:6px}
.logoimg{width:100%;height:100%;object-fit:contain}
.companyinfo{display:flex;flex-direction:column;gap:2px}
.companyname{font-size:22px;font-weight:700;color:#1a1a1a}
.taglinetext{font-size:14px;color:#666}
.dividerline{width:1px;height:60px;background:linear-gradient(180deg,transparent 0%,#00AED6 50%,transparent 100%)}
.utilityzone{display:flex;justify-content:flex-end}
.contactgroup{display:flex;flex-direction:column;gap:10px}
.contactlink{display:inline-flex;align-items:center;gap:10px;font-size:16px;color:#1a1a1a;text-decoration:none;transition:all .3s cubic-bezier(0.34,1.56,0.64,1)}
.contactlink .fiv-cla{font-size:18px;color:#00AED6}
.contactlink:hover{color:#00AED6;transform:translateX(4px)}
.navwrapper{max-width:1400px;margin:0 auto;padding:0 40px 28px;display:grid;grid-template-columns:1fr auto 1fr;gap:32px;align-items:center;background:#fff;border-bottom:2px solid #ECFCF3}
.navleft{display:flex;gap:8px;justify-content:flex-start}
.navcenter{display:flex;justify-content:center}
.navright{display:flex;gap:8px;justify-content:flex-end}
.navitem{padding:12px 24px;font-size:17px;font-weight:600;color:#1a1a1a;text-decoration:none;background:transparent;border-radius:24px;transition:all .35s cubic-bezier(0.34,1.56,0.64,1);white-space:nowrap;position:relative}
.navitem:hover{background:#ECFCF3;color:#00AED6;padding-left:32px;padding-right:32px}
.navitem:active{box-shadow:inset 3px 3px 8px #00000026}
.footerwrapper{max-width:1400px;margin:0 auto;padding:64px 40px 32px;background:linear-gradient(180deg,#fff 0%,#ECFCF3 100%)}
.footercolumns{display:grid;grid-template-columns:1.2fr 1px 1fr 1px 1fr 1px 1fr;gap:48px;margin-bottom:48px}
.footercol{display:flex;flex-direction:column;gap:18px}
.footerdivider{width:1px;background:linear-gradient(180deg,transparent 0%,#00aed64d 20%,#00aed64d 80%,transparent 100%)}
.footerlogocontainer{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 0 0 2px #00aed633;border-radius:18px;padding:5px}
.footerlogoimg{width:100%;height:100%;object-fit:contain}
.footerbrand{font-size:20px;font-weight:700;color:#1a1a1a;margin-top:8px}
.footerdesc{font-size:16px;line-height:1.5;color:#555}
.footerheading{font-size:19px;font-weight:700;color:#1a1a1a;margin-bottom:6px}
.footernav{display:flex;flex-direction:column;gap:12px}
.footerlink{font-size:16px;color:#444;text-decoration:none;transition:all .3s cubic-bezier(0.34,1.56,0.64,1);display:inline-block}
.footerlink:hover{color:#00AED6;transform:translateX(6px)}
.footercontact{display:flex;flex-direction:column;gap:14px}
.contactitem{display:flex;align-items:flex-start;gap:10px;font-size:16px;color:#444}
.contactitem .fiv-cla{font-size:18px;color:#00AED6;flex-shrink:0;margin-top:2px}
.contactitem a{color:#444;text-decoration:none;transition:color .3s ease}
.contactitem a:hover{color:#00AED6}
.footerbottom{padding-top:32px;border-top:1px solid #00aed633;text-align:center}
.copyright{font-size:15px;color:#777}
.cookiepopup{position:fixed;right:0;top:50%;transform:translateY(-50%) translateX(100%);z-index:9999;transition:transform .4s cubic-bezier(0.34,1.56,0.64,1)}
.cookiepopup[data-visible="true"]{transform:translateY(-50%) translateX(0)}
.cookiecard{background:#fff;padding:32px;border-radius:28px;box-shadow:-8px 8px 0 #00aed626;max-width:420px;margin-right:24px;border:2px solid #ECFCF3}
.cookietitle{font-size:22px;font-weight:700;color:#1a1a1a;margin-bottom:14px}
.cookietext{font-size:16px;line-height:1.5;color:#555;margin-bottom:24px}
.cookieactions{display:flex;gap:12px}
.cookiebtn{flex:1;padding:14px 24px;font-family:'IBM Plex Mono','Fira Code',monospace;font-size:16px;font-weight:600;border:none;cursor:pointer;transition:all .35s cubic-bezier(0.34,1.56,0.64,1);border-radius:0}
.cookieaccept{background:#00AED6;color:#fff}
.cookieaccept:hover{background:#0098ba;padding-left:32px;padding-right:32px}
.cookieaccept:active{box-shadow:inset 3px 3px 8px #0003}
.cookiedecline{background:#F69208;color:#fff}
.cookiedecline:hover{background:#d97f07;padding-left:32px;padding-right:32px}
.cookiedecline:active{box-shadow:inset 3px 3px 8px #0003}
@media (max-width: 1024px) {
.topwrapper{grid-template-columns:1fr;gap:24px;padding:24px 28px}
.dividerline{display:none}
.utilityzone{justify-content:flex-start}
.navwrapper{grid-template-columns:1fr;gap:16px;padding:0 28px 24px}
.navleft,.navcenter,.navright{justify-content:flex-start;flex-wrap:wrap}
.footercolumns{grid-template-columns:1fr;gap:32px}
.footerdivider{display:none}
}
@media (max-width: 640px) {
.topwrapper{padding:20px}
.brandzone{flex-direction:column;align-items:flex-start;gap:12px}
.navwrapper{padding:0 20px 20px}
.navitem{padding:10px 18px;font-size:16px}
.navitem:hover{padding-left:22px;padding-right:22px}
.footerwrapper{padding:48px 20px 24px}
.cookiecard{max-width:calc(100vw - 48px);margin-right:12px;padding:24px}
.cookieactions{flex-direction:column}
}
.policy-article{max-width:1400px;margin:0 auto;padding:80px 24px}
.policy-article h1{font-size:42px;line-height:1.5;margin:0 0 48px;font-weight:700;color:#1a1a1a}
.policy-article h2{font-size:32px;line-height:1.5;margin:64px 0 24px;font-weight:600;color:#1a1a1a}
.policy-article h3{font-size:24px;line-height:1.5;margin:48px 0 20px;font-weight:600;color:#2a2a2a}
.policy-article h4{font-size:20px;line-height:1.5;margin:40px 0 16px;font-weight:600;color:#2a2a2a}
.policy-article h5{font-size:18px;line-height:1.5;margin:32px 0 12px;font-weight:600;color:#3a3a3a}
.policy-article h6{font-size:18px;line-height:1.5;margin:24px 0 12px;font-weight:500;color:#3a3a3a}
.policy-article p{font-size:18px;line-height:1.5;margin:0 0 20px;color:#2a2a2a}
.policy-article ul,.policy-article ol{font-size:18px;line-height:1.5;margin:0 0 24px;padding-left:32px;color:#2a2a2a}
.policy-article ul{list-style-type:disc}
.policy-article ol{list-style-type:decimal}
.policy-article li{margin:0 0 12px;padding-left:8px}
.policy-article li:last-child{margin-bottom:0}
.policy-article ul ul,.policy-article ol ul,.policy-article ul ol,.policy-article ol ol{margin-top:12px;margin-bottom:12px}
.policy-article strong,.policy-article b{font-weight:600;color:#1a1a1a}
.policy-article a{color:#00AED6;text-decoration:none;border-bottom:2px solid transparent;transition:border-color .25s cubic-bezier(0.4,0,0.2,1)}
.policy-article a:hover{border-bottom-color:#00AED6}
.policy-article a:active{color:#008fb5}
.policy-article table{width:100%;border-collapse:collapse;margin:0 0 32px;font-size:18px;line-height:1.5;background:#fff;border-radius:16px;overflow:hidden;box-shadow:8px 8px 0 #00000014}
.policy-article thead{background:#ECFCF3}
.policy-article th{text-align:left;padding:20px 24px;font-weight:600;color:#1a1a1a;border-bottom:2px solid #00AED6}
.policy-article td{padding:20px 24px;color:#2a2a2a;border-bottom:1px solid #e5e5e5}
.policy-article tbody tr:last-child td{border-bottom:none}
.policy-article tbody tr:nth-child(even){background:#fafafa}
.policy-article div{margin:0}
@media (max-width: 768px) {
.policy-article{padding:48px 20px}
.policy-article h1{font-size:32px;margin-bottom:32px}
.policy-article h2{font-size:26px;margin-top:48px;margin-bottom:20px}
.policy-article h3{font-size:22px;margin-top:36px}
.policy-article h4{font-size:20px;margin-top:32px}
.policy-article table{font-size:16px;box-shadow:6px 6px 0 #00000014}
.policy-article th,.policy-article td{padding:16px}
.policy-article ul,.policy-article ol{padding-left:24px}
}
@media (max-width: 480px) {
.policy-article{padding:32px 16px}
.policy-article h1{font-size:28px;margin-bottom:24px}
.policy-article h2{font-size:24px}
.policy-article table{font-size:15px;border-radius:12px}
.policy-article th,.policy-article td{padding:12px}
}
.journalpost{max-width:1400px;margin:0 auto;background:#fff;font-size:18px;line-height:1.5;color:#1a1a1a;-webkit-font-smoothing:subpixel-antialiased}
.journalpost *{box-sizing:border-box}
.journalpost img{max-width:100%;height:auto}
.journalpost .heroarticle{position:relative;min-height:540px;display:flex;align-items:center;padding:80px 40px;overflow:hidden;background:linear-gradient(53deg,#00AED6 0%,#ECFCF3 100%)}
.journalpost .heroarticle::before{content:'';position:absolute;top:20%;right:10%;width:280px;height:280px;border-radius:50%;background:#f6920826;animation:rotateslow 30s linear infinite}
@keyframes rotateslow {
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
.journalpost .herogrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;width:100%;position:relative;z-index:2}
.journalpost .herotextblock{padding-right:40px}
.journalpost .articlemeta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;font-size:16px}
.journalpost .metatag{background:#ffffff4d;backdrop-filter:blur(10px);padding:6px 16px;border-radius:20px;color:#1a1a1a;font-weight:500}
.journalpost .herotextblock h1{font-size:48px;line-height:1.2;margin:0 0 20px;color:#1a1a1a;font-weight:700}
.journalpost .herotextblock h1 .accent{color:#F69208}
.journalpost .herosubtitle{font-size:22px;line-height:1.4;margin:0 0 32px;color:#2a2a2a}
.journalpost .readinfo{display:flex;gap:28px;align-items:center;font-size:16px;color:#333}
.journalpost .readinfo span{display:flex;align-items:center;gap:8px}
.journalpost .heroimgwrapper{position:relative}
.journalpost .heroimgwrapper img{width:100%;height:480px;object-fit:cover;border-radius:24px;box-shadow:12px 12px 0 #0000001a}
.journalpost .frostpanel{position:absolute;bottom:30px;left:30px;right:30px;padding:24px;background:#ffffff40;backdrop-filter:blur(12px);border-radius:16px;border:1px solid #fff6}
.journalpost .frostpanel .authorline{font-size:16px;color:#1a1a1a;font-weight:600}
.journalpost .contentarticle{padding:80px 40px;background:#fff}
.journalpost .articlewrapper{max-width:860px;margin:0 auto}
.journalpost .articlewrapper p{margin:0 0 24px;color:#2a2a2a}
.journalpost .articlewrapper h2{font-size:36px;line-height:1.3;margin:48px 0 24px;color:#1a1a1a;font-weight:700}
.journalpost .articlewrapper h3{font-size:28px;line-height:1.3;margin:40px 0 20px;color:#1a1a1a;font-weight:700}
.journalpost .articlewrapper h4{font-size:22px;line-height:1.4;margin:32px 0 16px;color:#1a1a1a;font-weight:600}
.journalpost .articlewrapper ul{margin:0 0 24px;padding-left:28px}
.journalpost .articlewrapper li{margin-bottom:12px;color:#2a2a2a}
.journalpost .articlewrapper blockquote{margin:40px 0;padding:28px 32px;border-left:4px solid #00AED6;background:#ECFCF3;border-radius:0 16px 16px 0;font-size:20px;font-style:italic;color:#1a1a1a}
.journalpost .articlewrapper cite{display:block;margin-top:12px;font-size:16px;font-style:normal;color:#666}
.journalpost .articlewrapper mark{background:#f6920833;padding:2px 6px;border-radius:4px;color:#1a1a1a}
.journalpost .articlewrapper abbr{text-decoration:underline dotted;cursor:help;color:#00AED6}
.journalpost .articlewrapper figure{margin:48px 0}
.journalpost .articlewrapper figure img{width:100%;height:auto;border-radius:20px}
.journalpost .articlewrapper figcaption{margin-top:16px;font-size:16px;color:#666;text-align:center;font-style:italic}
.journalpost .statsblock{background:#ECFCF3;padding:60px 40px;position:relative}
.journalpost .statsblock::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:120px;height:1px;background:linear-gradient(90deg,transparent,#00AED6,transparent)}
.journalpost .statscontainer{max-width:1200px;margin:0 auto;text-align:center}
.journalpost .statsgridwrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:32px;margin-top:40px}
.journalpost .statcard{background:#fff;padding:32px 24px;border-radius:24px;box-shadow:8px 8px 0 #00aed61a;transition:transform .3s cubic-bezier(0.34,1.56,0.64,1)}
.journalpost .statcard:hover{transform:translateY(-6px)}
.journalpost .statnum{font-size:48px;font-weight:700;color:#00AED6;margin:0 0 12px}
.journalpost .statlabel{font-size:18px;color:#2a2a2a;font-weight:500}
.journalpost .interactivetags{padding:70px 40px;background:#fff}
.journalpost .tagswrapper{max-width:1000px;margin:0 auto;text-align:center}
.journalpost .tagswrapper h3{font-size:32px;margin:0 0 36px;color:#1a1a1a;font-weight:700}
.journalpost .filterinputs{display:none}
.journalpost .tagsgrid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}
.journalpost .taglabel{display:inline-block;padding:12px 28px;background:#f5f5f5;border-radius:24px;cursor:pointer;transition:all .3s cubic-bezier(0.34,1.56,0.64,1);font-size:17px;color:#2a2a2a;border:2px solid transparent}
.journalpost .taglabel:hover{background:#ECFCF3;transform:scale(1.05)}
.journalpost .filterinputs:checked + .taglabel{background:#00AED6;color:#fff;border-color:#00AED6;box-shadow:inset 0 2px 4px #0003}
.journalpost .progresssection{padding:80px 40px;background:linear-gradient(53deg,#00AED6 0%,#ECFCF3 100%)}
.journalpost .progresscontainer{max-width:1100px;margin:0 auto}
.journalpost .progressheader{text-align:center;margin-bottom:56px}
.journalpost .progressheader h3{font-size:34px;margin:0 0 16px;color:#1a1a1a;font-weight:700}
.journalpost .progressheader p{font-size:19px;color:#2a2a2a;margin:0}
.journalpost .ringsgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
.journalpost .ringitem{text-align:center}
.journalpost .ringsvg{width:160px;height:160px;margin:0 auto 20px;transform:rotate(-90deg)}
.journalpost .ringbg{fill:none;stroke:#ffffff4d;stroke-width:12}
.journalpost .ringprogress{fill:none;stroke:#F69208;stroke-width:12;stroke-linecap:round;stroke-dasharray:440;stroke-dashoffset:110;transition:stroke-dashoffset 1.5s cubic-bezier(0.34,1.56,0.64,1)}
.journalpost .ringitem:hover .ringprogress{stroke-dashoffset:44}
.journalpost .ringpercent{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 8px}
.journalpost .ringlabel{font-size:18px;color:#2a2a2a}
.journalpost .colsection{padding:80px 40px;background:#fff}
.journalpost .colsectionwrapper{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:200px 200px 1fr;gap:40px}
.journalpost .colside{padding:24px;background:#ECFCF3;border-radius:20px;align-self:start}
.journalpost .colside h4{font-size:16px;margin:0 0 12px;color:#1a1a1a;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.journalpost .colside p{font-size:15px;margin:0;color:#2a2a2a;line-height:1.6}
.journalpost .colmain{padding-left:20px}
.journalpost .colmain h3{font-size:32px;margin:0 0 24px;color:#1a1a1a;font-weight:700}
.journalpost .colmain p{margin:0 0 20px;color:#2a2a2a}
.journalpost .dashedframe{padding:60px 40px;background:#f9f9f9}
.journalpost .dashedwrapper{max-width:900px;margin:0 auto;padding:48px;border:3px dashed #00AED6;border-radius:28px;background:#fff}
.journalpost .dashedwrapper h3{font-size:30px;margin:0 0 24px;color:#1a1a1a;font-weight:700}
.journalpost .dashedwrapper p{font-size:18px;margin:0 0 20px;color:#2a2a2a}
.journalpost .dashedwrapper p:last-child{margin-bottom:0}
.journalpost .ctablock{padding:80px 40px;background:linear-gradient(53deg,#ECFCF3 0%,#fff 100%);text-align:center}
.journalpost .ctablock h3{font-size:36px;margin:0 0 20px;color:#1a1a1a;font-weight:700}
.journalpost .ctablock p{font-size:19px;margin:0 0 36px;color:#2a2a2a;max-width:700px;margin-left:auto;margin-right:auto}
.journalpost .ctabutton{display:inline-block;padding:16px 40px;background:#00AED6;color:#fff;text-decoration:none;border-radius:24px;font-size:18px;font-weight:600;transition:all .3s cubic-bezier(0.34,1.56,0.64,1);box-shadow:8px 8px 0 #00aed633}
.journalpost .ctabutton:hover{background:#008fb5;transform:translateY(-3px);box-shadow:10px 10px 0 #00aed640}
.journalpost .ctabutton:active{transform:translateY(0);box-shadow:inset 0 3px 6px #0003}
@media (max-width: 1024px) {
.journalpost .herogrid{grid-template-columns:1fr;gap:40px}
.journalpost .herotextblock{padding-right:0}
.journalpost .heroimgwrapper img{height:400px}
.journalpost .colsectionwrapper{grid-template-columns:1fr}
.journalpost .ringsgrid{grid-template-columns:repeat(2,1fr);gap:36px}
}
@media (max-width: 768px) {
.journalpost .heroarticle{padding:60px 24px;min-height:400px}
.journalpost .herotextblock h1{font-size:36px}
.journalpost .herosubtitle{font-size:19px}
.journalpost .heroimgwrapper img{height:320px}
.journalpost .contentarticle{padding:60px 24px}
.journalpost .articlewrapper h2{font-size:30px}
.journalpost .articlewrapper h3{font-size:24px}
.journalpost .statsblock{padding:50px 24px}
.journalpost .interactivetags{padding:60px 24px}
.journalpost .progresssection{padding:60px 24px}
.journalpost .ringsgrid{grid-template-columns:1fr;gap:32px}
.journalpost .colsection{padding:60px 24px}
.journalpost .dashedframe{padding:50px 24px}
.journalpost .dashedwrapper{padding:32px 24px}
.journalpost .ctablock{padding:60px 24px}
.journalpost .ctablock h3{font-size:30px}
}
@media (max-width: 480px) {
.journalpost .herotextblock h1{font-size:28px}
.journalpost .herosubtitle{font-size:17px}
.journalpost .readinfo{flex-direction:column;align-items:flex-start;gap:12px}
.journalpost .statsgridwrapper{grid-template-columns:1fr}
.journalpost .tagsgrid{gap:12px}
.journalpost .taglabel{font-size:16px;padding:10px 20px}
}
.teamoverview{background:#fff;color:#1a1a1a;line-height:1.5;overflow-x:hidden}
.teamoverview *{box-sizing:border-box;margin:0;padding:0}
.teamoverview img{max-width:100%;height:auto;display:block}
.teamoverview .herobanner{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(53deg,#00AED6 0%,#ECFCF3 100%)}
.teamoverview .herobanner::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,#00000008 0px,#00000008 1px,transparent 1px,transparent 3px);animation:scanmove 8s linear infinite;pointer-events:none;z-index:2}
@keyframes scanmove {
0%{transform:translateY(0)}
100%{transform:translateY(3px)}
}
.teamoverview .herobackdrop{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.teamoverview .herobackdrop img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);opacity:.15;mix-blend-mode:multiply}
.teamoverview .herocontent{position:relative;z-index:3;max-width:1400px;width:100%;padding:80px 24px;text-align:center}
.teamoverview .herotitle{font-size:58px;font-weight:700;color:#1a1a1a;margin-bottom:24px;line-height:1.2}
.teamoverview .herotitle br{display:block}
.teamoverview .herodesc{font-size:22px;color:#2a2a2a;max-width:720px;margin:0 auto}
.teamoverview .teamshowcase{position:relative;background:#fafafa;padding:120px 24px}
.teamoverview .teamshowcase::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(#00aed608 1px,transparent 1px),linear-gradient(90deg,#00aed608 1px,transparent 1px);background-size:40px 40px;pointer-events:none}
.teamshowcase .contentwrapper{max-width:1400px;margin:0 auto;position:relative;z-index:1}
.teamshowcase .sectionintro{margin-bottom:80px}
.teamshowcase .introside{display:grid;grid-template-columns:280px 1fr;gap:48px;align-items:start}
.teamshowcase .sidelabel{font-size:16px;color:#00AED6;text-transform:uppercase;letter-spacing:.08em;font-weight:600;padding-top:8px}
.teamshowcase .mainintro h2{font-size:42px;font-weight:700;color:#1a1a1a;margin-bottom:28px;line-height:1.3}
.teamshowcase .mainintro p{font-size:18px;color:#3a3a3a;line-height:1.7;margin-bottom:20px}
.teamoverview .teamgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:48px}
.teamoverview .personcard{background:#fff;border-radius:24px;overflow:hidden;box-shadow:12px 12px 0 #00000014;transition:all .4s cubic-bezier(0.34,1.56,0.64,1);position:relative}
.teamoverview .personcard:hover{box-shadow:16px 16px 0 #00aed633;transform:translateY(-4px)}
.teamoverview .personcard::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#fff6,transparent);transition:left .6s ease;pointer-events:none;z-index:10}
.teamoverview .personcard:hover::before{left:100%}
.teamoverview .photowrap{position:relative;width:100%;height:380px;overflow:hidden;background:linear-gradient(53deg,#ECFCF3 0%,#fff 100%)}
.teamoverview .photowrap img{width:100%;height:100%;object-fit:cover;object-position:center 20%}
.teamoverview .persondetails{padding:32px;position:relative}
.teamoverview .persondetails::before{content:'';position:absolute;top:0;left:32px;width:60px;height:4px;background:#00AED6}
.teamoverview .nameblock{margin-bottom:16px}
.teamoverview .nameblock h3{font-size:28px;font-weight:700;color:#1a1a1a;margin-bottom:8px}
.teamoverview .nameblock h3 span:first-child{font-size:38px;color:#00AED6}
.teamoverview .jobtitle{font-size:16px;color:#F69208;font-weight:600;margin-bottom:20px;text-transform:uppercase;letter-spacing:.05em}
.teamoverview .biotext{font-size:17px;color:#4a4a4a;line-height:1.6}
.teamoverview .depthstack{position:relative}
.teamoverview .depthstack .personcard:nth-child(1){z-index:2}
.teamoverview .depthstack .personcard:nth-child(2){z-index:1}
.teamoverview .visualmetrics{background:#fff;padding:100px 24px;position:relative}
.teamoverview .metricscontainer{max-width:1400px;margin:0 auto}
.teamoverview .metrictitle{text-align:center;margin-bottom:64px}
.teamoverview .metrictitle h2{font-size:38px;font-weight:700;color:#1a1a1a;margin-bottom:20px}
.teamoverview .metrictitle p{font-size:19px;color:#3a3a3a;max-width:680px;margin:0 auto}
.teamoverview .heatgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:#e0e0e0;padding:2px;border-radius:20px;overflow:hidden}
.teamoverview .heatcell{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;position:relative;transition:all .3s cubic-bezier(0.34,1.56,0.64,1)}
.teamoverview .heatcell:hover{transform:scale(1.05);z-index:5;box-shadow:0 8px 24px #00000026}
.teamoverview .heatcell.intensity1{background:#e8f9fc}
.teamoverview .heatcell.intensity2{background:#c2eef7}
.teamoverview .heatcell.intensity3{background:#7dd9ed}
.teamoverview .heatcell.intensity4{background:#00AED6;color:#fff}
.teamoverview .heatcell.intensity5{background:#F69208;color:#fff}
.teamoverview .cellvalue{font-size:32px;font-weight:700;margin-bottom:8px;display:block}
.teamoverview .celllabel{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;opacity:.9}
.teamoverview .heatcell.intensity4 .celllabel,.teamoverview .heatcell.intensity5 .celllabel{opacity:1}
.teamoverview .accenthighlight{position:relative;display:inline}
.teamoverview .accenthighlight::after{content:' —';color:#00AED6;font-weight:700}
@media (max-width: 1200px) {
.teamoverview .teamgrid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:40px}
.teamoverview .heatgrid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width: 900px) {
.teamoverview .herotitle{font-size:44px}
.teamoverview .herodesc{font-size:19px}
.teamshowcase .introside{grid-template-columns:1fr;gap:24px}
.teamshowcase .mainintro h2{font-size:36px}
.teamoverview .heatgrid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 600px) {
.teamoverview .herobanner{min-height:420px}
.teamoverview .herotitle{font-size:36px}
.teamoverview .herodesc{font-size:18px}
.teamoverview .teamgrid{grid-template-columns:1fr}
.teamoverview .photowrap{height:320px}
.teamoverview .heatgrid{grid-template-columns:1fr}
.teamoverview .cellvalue{font-size:28px}
.teamshowcase .mainintro h2{font-size:32px}
.teamoverview .metrictitle h2{font-size:32px}
}
.programpage{background:#fff;color:#1a1a1a;max-width:1400px;margin:0 auto;padding:0;font-size:18px;line-height:1.5;-webkit-font-smoothing:subpixel-antialiased}
.programpage .titlezone{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;padding:80px 40px;align-items:center;position:relative}
.programpage .titlezone::before{content:'';position:block;width:8px;height:8px;background:#00AED6;border-radius:50%;position:absolute;top:40px;left:40px}
.programpage .titlezone::after{content:'';position:block;width:8px;height:8px;background:#F69208;border-radius:50%;position:absolute;bottom:40px;right:40px}
.programpage .titletextzone{display:flex;flex-direction:column;gap:24px}
.programpage .titlezone h1{font-size:42px;line-height:1.2;margin:0;font-weight:700}
.programpage .titlezone h1 .highlightword{color:#00AED6}
.programpage .titledesc{margin:0;color:#333}
.programpage .titlelink{color:#00AED6;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:all .3s cubic-bezier(0.4,0,0.2,1)}
.programpage .titlelink:hover{color:#F69208;gap:14px}
.programpage .titlelink::after{content:'→';font-size:20px}
.programpage .titleimgwrap{position:relative}
.programpage .titleimg{width:100%;height:440px;object-fit:cover;border-radius:24px;display:block;filter:hue-rotate(8deg)}
.programpage .dotpath{position:absolute;top:-12px;right:-12px;display:flex;flex-direction:column;gap:16px}
.programpage .dotpath span{width:6px;height:6px;background:#00AED6;border-radius:50%;display:block}
.programpage .dotpath span:nth-child(2n){background:#F69208}
.programpage .structurezone{padding:100px 40px;background:linear-gradient(53deg,#00AED6 0%,#ECFCF3 100%);position:relative}
.programpage .structurezone::before{content:'';position:absolute;top:-1px;left:0;right:0;height:40px;background-image:url("data:image/svg+xml,%3Csvg width='100' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 20 Q 12.5 0,25 20 T 50 20 T 75 20 T 100 20' fill='%23ffffff' stroke='none'/%3E%3C/svg%3E");background-repeat:repeat-x;background-size:100px 40px}
.programpage .structurezone::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:40px;background-image:url("data:image/svg+xml,%3Csvg width='100' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0 Q 12.5 20,25 0 T 50 0 T 75 0 T 100 0 L 100 40 L 0 40 Z' fill='%23ffffff' stroke='none'/%3E%3C/svg%3E");background-repeat:repeat-x;background-size:100px 40px}
.programpage .threecol{display:grid;grid-template-columns:1fr 2fr 1fr;gap:50px;align-items:start}
.programpage .leftnotecol{padding-top:8px}
.programpage .leftnotecol p{margin:0 0 16px;font-size:16px;color:#1a1a1a;font-style:italic}
.programpage .maincol h2{font-size:36px;line-height:1.3;margin:0 0 32px;font-weight:700;color:#1a1a1a}
.programpage .maincol p{margin:0 0 24px;color:#1a1a1a}
.programpage .rightnotecol{display:flex;flex-direction:column;gap:20px;padding-top:8px}
.programpage .sidebox{background:#fff9;padding:24px;border-radius:20px;border-left:4px solid #F69208}
.programpage .sidebox h3{font-size:20px;margin:0 0 12px;font-weight:700;color:#1a1a1a}
.programpage .sidebox p{margin:0;font-size:16px;color:#333}
.programpage .moduleszone{padding:100px 40px;background:#fff}
.programpage .moduleszone h2{font-size:38px;margin:0 0 60px;text-align:center;font-weight:700}
.programpage .moduleszone h2 .accentdash{color:#00AED6}
.programpage .modulegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:40px}
.programpage .modulecard{background:#ECFCF3;border-radius:24px;padding:36px;display:flex;flex-direction:column;gap:20px;box-shadow:8px 8px 0 #00aed626;transition:all .4s cubic-bezier(0.34,1.56,0.64,1)}
.programpage .modulecard:hover{box-shadow:12px 12px 0 #00aed640;transform:translateY(-4px)}
.programpage .modulecard h3{font-size:24px;margin:0;font-weight:700;color:#1a1a1a}
.programpage .modulecard h3 span{font-size:48px;display:block;color:#00AED6;line-height:1;margin-bottom:12px}
.programpage .modulecard p{margin:0;color:#333}
.programpage .modulecard ul{margin:0;padding:0 0 0 24px;list-style:none}
.programpage .modulecard li{position:relative;margin-bottom:12px;color:#1a1a1a}
.programpage .modulecard li::before{content:'';width:8px;height:8px;background:#F69208;border-radius:50%;position:absolute;left:-24px;top:8px}
.programpage .teamzone{padding:100px 40px;background:#fafafa;position:relative}
.programpage .teamzone::before{content:'"';position:absolute;top:60px;left:40px;font-size:180px;color:#00aed614;line-height:1;font-weight:700}
.programpage .teamzone h2{font-size:36px;margin:0 0 50px;text-align:center;font-weight:700}
.programpage .teamgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px;max-width:1100px;margin:0 auto;position:relative;z-index:1}
.programpage .instructorcard{display:grid;grid-template-columns:160px 1fr;gap:30px;background:#fff;padding:32px;border-radius:24px;box-shadow:6px 6px 0 #f692081f;align-items:start}
.programpage .instructorphoto{width:160px;height:160px;object-fit:cover;object-position:center top;border-radius:20px;display:block}
.programpage .instructorinfo h3{font-size:24px;margin:0 0 8px;font-weight:700;color:#1a1a1a}
.programpage .instructorrole{font-size:16px;color:#00AED6;margin:0 0 16px;font-weight:600}
.programpage .instructorinfo p{margin:0;color:#333;font-size:17px}
.programpage .offerzone{padding:100px 40px;background:#fff}
.programpage .offerzone h2{font-size:38px;margin:0 0 50px;font-weight:700;text-align:center}
.programpage .pricegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px;max-width:1000px;margin:0 auto}
.programpage .pricebox{background:linear-gradient(53deg,#ECFCF3 0%,#fff 100%);border-radius:28px;padding:48px;border:3px solid #00AED6;position:relative;overflow:hidden}
.programpage .pricebox.featured{border-color:#F69208;box-shadow:10px 10px 0 #f6920826}
.programpage .pricebox h3{font-size:28px;margin:0 0 12px;font-weight:700;color:#1a1a1a}
.programpage .priceamount{font-size:48px;font-weight:700;color:#00AED6;margin:0 0 24px;display:block}
.programpage .pricebox.featured .priceamount{color:#F69208}
.programpage .pricebox ul{margin:0 0 32px;padding:0;list-style:none}
.programpage .pricebox li{margin-bottom:14px;padding-left:28px;position:relative;color:#1a1a1a}
.programpage .pricebox li::before{content:'';width:6px;height:6px;background:#00AED6;border-radius:50%;position:absolute;left:0;top:10px}
.programpage .pricebox.featured li::before{background:#F69208}
.programpage .priceaction{background:#00AED6;color:#fff;padding:16px 36px;border-radius:20px;text-decoration:none;display:inline-flex;align-items:center;gap:12px;font-weight:600;transition:all .4s cubic-bezier(0.34,1.56,0.64,1);border:none;cursor:pointer;font-size:18px}
.programpage .pricebox.featured .priceaction{background:#F69208}
.programpage .priceaction:hover{padding-left:48px;padding-right:48px;box-shadow:inset 0 2px 8px #00000026}
.programpage .priceaction::after{content:'→';font-size:22px}
.programpage .frequencyzone{padding:100px 40px;background:#fafafa}
.programpage .frequencyzone h2{font-size:36px;margin:0 0 50px;text-align:center;font-weight:700}
.programpage .wordcloud{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:24px;max-width:1000px;margin:0 auto}
.programpage .worditem{background:#fff;padding:20px;border-radius:16px;text-align:center;border:2px solid transparent;transition:all .3s cubic-bezier(0.4,0,0.2,1)}
.programpage .worditem:hover{border-color:#00AED6;transform:scale(1.05)}
.programpage .worditem span{display:block;font-weight:700;color:#1a1a1a}
.programpage .worditem.sizeone span{font-size:32px}
.programpage .worditem.sizetwo span{font-size:26px}
.programpage .worditem.sizethree span{font-size:22px}
.programpage .worditem.sizefour span{font-size:20px}
.programpage .worditem p{margin:8px 0 0;font-size:14px;color:#666}
.programpage .hotspotzone{padding:100px 40px;background:#fff}
.programpage .hotspotzone h2{font-size:38px;margin:0 0 50px;text-align:center;font-weight:700}
.programpage .hotspotwrap{max-width:900px;margin:0 auto;position:relative}
.programpage .hotspotimg{width:100%;height:500px;object-fit:cover;border-radius:24px;display:block}
.programpage .hotspotpoint{position:absolute;width:48px;height:48px;background:#00AED6;border-radius:50%;border:4px solid #fff;box-shadow:0 4px 12px #0003;cursor:pointer;transition:all .3s cubic-bezier(0.4,0,0.2,1);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px}
.programpage .hotspotpoint:hover{transform:scale(1.2);background:#F69208}
.programpage .hotspotpoint:focus{outline:none;transform:scale(1.2);background:#F69208}
.programpage .hotspotpoint:focus + .hotspotlabel{opacity:1;visibility:visible;transform:translateY(0)}
.programpage .hotspotlabel{position:absolute;background:#1a1a1a;color:#fff;padding:16px 20px;border-radius:16px;font-size:16px;min-width:220px;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(0.4,0,0.2,1);transform:translateY(-10px);pointer-events:none;box-shadow:0 6px 16px #0000004d}
.programpage .hotspotlabel h4{margin:0 0 8px;font-size:18px;font-weight:700}
.programpage .hotspotlabel p{margin:0;font-size:15px;line-height:1.4}
.programpage .spot1{top:15%;left:20%}
.programpage .label1{top:calc(15% + 60px);left:20%}
.programpage .spot2{top:35%;right:25%}
.programpage .label2{top:calc(35% + 60px);right:25%}
.programpage .spot3{bottom:25%;left:35%}
.programpage .label3{bottom:calc(25% + 60px);left:35%}
@media (max-width: 1024px) {
.programpage .titlezone{grid-template-columns:1fr;gap:40px}
.programpage .threecol{grid-template-columns:1fr;gap:30px}
.programpage .leftnotecol,.programpage .rightnotecol{order:2}
.programpage .maincol{order:1}
.programpage .teamgrid,.programpage .pricegrid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.programpage .titlezone{padding:50px 20px}
.programpage .titlezone h1{font-size:32px}
.programpage .structurezone,.programpage .moduleszone,.programpage .teamzone,.programpage .offerzone,.programpage .frequencyzone,.programpage .hotspotzone{padding:60px 20px}
.programpage .modulegrid{grid-template-columns:1fr}
.programpage .instructorcard{grid-template-columns:1fr;text-align:center}
.programpage .instructorphoto{margin:0 auto}
.programpage .wordcloud{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px}
}
.courseidx{margin:0;padding:0;background:#fff;max-width:100%;overflow-x:clip}
.courseidx *{box-sizing:border-box}
.courseidx .titlewrap{position:relative;background:linear-gradient(53deg,#00AED6 0%,#ECFCF3 100%);padding:120px 5% 100px;overflow:hidden}
.courseidx .titlewrap::before{content:'';position:absolute;top:10%;left:-5%;width:300px;height:300px;border:3px solid #fff3;border-radius:50%;pointer-events:none}
.courseidx .titlewrap::after{content:'';position:absolute;bottom:15%;right:-8%;width:400px;height:400px;background:#f692081a;border-radius:50%;pointer-events:none}
.courseidx .titleinner{max-width:1400px;margin:0 auto;position:relative;z-index:2}
.courseidx .maintitle{font-size:56px;line-height:1.2;margin:0 0 24px;color:#1a1a1a;font-weight:700}
.courseidx .maintitle span{color:#fff}
.courseidx .subtitle{font-size:22px;line-height:1.5;margin:0 0 36px;color:#2a2a2a;max-width:700px}
.courseidx .titlelink{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;background:#F69208;color:#fff;text-decoration:none;border-radius:24px;font-size:18px;font-weight:600;transition:all .4s cubic-bezier(0.34,1.56,0.64,1);box-shadow:8px 8px 0 #0000001a}
.courseidx .titlelink:hover{transform:translateY(-2px);box-shadow:12px 12px 0 #00000026;padding-left:40px;padding-right:40px}
.courseidx .introsection{max-width:1400px;margin:0 auto;padding:80px 5%}
.courseidx .introheading{font-size:32px;line-height:1.3;margin:0 0 32px;color:#1a1a1a;font-weight:600}
.courseidx .introgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:32px;margin-bottom:48px}
.courseidx .introcard{background:#ECFCF3;padding:32px 24px;border-radius:20px;position:relative}
.courseidx .introcard::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:#00AED6;border-radius:20px 0 0 20px}
.courseidx .cardtitle{font-size:20px;line-height:1.4;margin:0 0 12px;color:#1a1a1a;font-weight:600}
.courseidx .carddesc{font-size:18px;line-height:1.5;margin:0;color:#3a3a3a}
.courseidx .intropara{font-size:18px;line-height:1.5;margin:0;color:#2a2a2a;max-width:900px}
.courseidx .splitbgsection{position:relative;padding:100px 5%;overflow:hidden}
.courseidx .splitbgsection::before{content:'';position:absolute;top:0;left:0;width:55%;height:100%;background:#ECFCF3;transform:skewX(-8deg);transform-origin:top left;pointer-events:none;z-index:0}
.courseidx .splitinner{max-width:1400px;margin:0 auto;position:relative;z-index:1}
.courseidx .splitheader{font-size:38px;line-height:1.3;margin:0 0 48px;color:#1a1a1a;font-weight:600}
.courseidx .splitheader span{color:#00AED6}
.courseidx .fourcolgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.courseidx .colcard{background:#fff;padding:28px 20px;border-radius:18px;box-shadow:6px 6px 0 #00000014;transition:transform .3s cubic-bezier(0.34,1.56,0.64,1)}
.courseidx .colcard:hover{transform:translateY(-4px);box-shadow:10px 10px 0 #0000001f}
.courseidx .colcard img{width:100%;height:180px;object-fit:cover;border-radius:12px;margin-bottom:20px;filter:blur(8px);animation:clearblur .6s .2s cubic-bezier(0.4,0,0.2,1) forwards}
@keyframes clearblur {
to{filter:blur(0)}
}
.courseidx .colcardtitle{font-size:18px;line-height:1.4;margin:0 0 12px;color:#1a1a1a;font-weight:600}
.courseidx .colcarddesc{font-size:16px;line-height:1.5;margin:0;color:#4a4a4a}
.courseidx .matrixwrapper{background:linear-gradient(53deg,#fff 0%,#ECFCF3 100%);padding:90px 5%}
.courseidx .matrixcontainer{max-width:1400px;margin:0 auto}
.courseidx .matrixheadline{font-size:36px;line-height:1.3;margin:0 0 16px;color:#1a1a1a;font-weight:600}
.courseidx .matrixsubline{font-size:18px;line-height:1.5;margin:0 0 52px;color:#3a3a3a}
.courseidx .permissionmatrix{background:#fff;border-radius:24px;padding:40px;box-shadow:12px 12px 0 #00aed61a;overflow-x:auto}
.courseidx .matrixgrid{display:grid;grid-template-columns:200px repeat(4,1fr);gap:1px;background:#e0e0e0;border-radius:16px;overflow:hidden;min-width:700px}
.courseidx .matrixcell{background:#fff;padding:20px 16px;font-size:16px;line-height:1.4;color:#2a2a2a;display:flex;align-items:center;justify-content:center;text-align:center}
.courseidx .matrixheader{background:#00AED6;color:#fff;font-weight:600;font-size:17px}
.courseidx .matrixrowlabel{background:#ECFCF3;font-weight:600;justify-content:flex-start;text-align:left}
.courseidx .matrixindicator{width:24px;height:24px;border-radius:50%;display:inline-block}
.courseidx .matrixindicator.available{background:#00AED6}
.courseidx .matrixindicator.limited{background:#F69208}
.courseidx .matrixindicator.unavailable{background:#e0e0e0}
.courseidx .gallerysection{padding:90px 5% 100px;max-width:1400px;margin:0 auto}
.courseidx .galleryheader{font-size:34px;line-height:1.3;margin:0 0 48px;color:#1a1a1a;font-weight:600}
.courseidx .gallerygrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.courseidx .gallerythumb{position:relative;overflow:hidden;border-radius:20px;aspect-ratio:3/2;cursor:pointer}
.courseidx .gallerythumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(0.34,1.56,0.64,1)}
.courseidx .gallerythumb:hover img{transform:scale(1.05)}
.courseidx .lightboxinput{position:absolute;opacity:0;pointer-events:none}
.courseidx .lightboxoverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000eb;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1000}
.courseidx .lightboxinput:target ~ .lightboxoverlay{opacity:1;pointer-events:auto}
.courseidx .lightboximage{max-width:90%;max-height:90vh;object-fit:contain;border-radius:12px}
.courseidx .lightboxclose{position:absolute;top:30px;right:40px;width:48px;height:48px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:28px;color:#1a1a1a;font-weight:300;transition:transform .3s cubic-bezier(0.34,1.56,0.64,1)}
.courseidx .lightboxclose:hover{transform:rotate(90deg) scale(1.1)}
.courseidx .metricsection{background:#1a1a1a;padding:80px 5%;position:relative;overflow:hidden}
.courseidx .metricsection::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:8px;background:repeating-linear-gradient(90deg,#00AED6 0px,#00AED6 30px,#F69208 30px,#F69208 60px);pointer-events:none}
.courseidx .metricsinner{max-width:1400px;margin:0 auto}
.courseidx .metricstitle{font-size:40px;line-height:1.3;margin:0 0 56px;color:#fff;font-weight:600;text-align:center}
.courseidx .metricsgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:40px}
.courseidx .metricbox{text-align:center;padding:32px 20px;background:#ffffff0d;border-radius:20px;border:2px solid #00aed64d;transition:all .4s cubic-bezier(0.34,1.56,0.64,1)}
.courseidx .metricbox:hover{transform:translateY(-6px);border-color:#00AED6;background:#00aed61a}
.courseidx .metricnumber{font-size:52px;line-height:1.1;margin:0 0 12px;color:#00AED6;font-weight:700}
.courseidx .metriclabel{font-size:18px;line-height:1.4;margin:0;color:#fff}
.courseidx .testimonialwrap{padding:90px 5%;background:#fff;position:relative}
.courseidx .testimonialinner{max-width:1400px;margin:0 auto}
.courseidx .testimonialheading{font-size:36px;line-height:1.3;margin:0 0 52px;color:#1a1a1a;font-weight:600}
.courseidx .testimonialcontent{display:flex;gap:48px;align-items:flex-start}
.courseidx .portraitblock{flex-shrink:0}
.courseidx .portraitimage{width:220px;height:280px;object-fit:cover;object-position:center 20%;border-radius:24px;box-shadow:10px 10px 0 #f6920833}
.courseidx .testimonialtext{flex:1}
.courseidx .testimonialquote{font-size:20px;line-height:1.6;margin:0 0 24px;color:#2a2a2a;font-style:italic;position:relative;padding-left:32px}
.courseidx .testimonialquote::before{content:'';position:absolute;left:0;top:0;width:6px;height:100%;background:linear-gradient(180deg,#00AED6 0%,#F69208 100%);border-radius:3px}
.courseidx .testimonialauthor{font-size:18px;line-height:1.5;margin:0;color:#1a1a1a;font-weight:600}
.courseidx .testimonialrole{font-size:16px;line-height:1.5;margin:4px 0 0;color:#5a5a5a}
@media (max-width: 1100px) {
.courseidx .fourcolgrid{grid-template-columns:repeat(2,1fr)}
.courseidx .matrixgrid{grid-template-columns:160px repeat(4,1fr)}
}
@media (max-width: 768px) {
.courseidx .maintitle{font-size:40px}
.courseidx .subtitle{font-size:18px}
.courseidx .fourcolgrid{grid-template-columns:1fr}
.courseidx .gallerygrid{grid-template-columns:1fr}
.courseidx .testimonialcontent{flex-direction:column}
.courseidx .portraitimage{width:180px;height:230px}
.courseidx .matrixgrid{grid-template-columns:140px repeat(4,100px)}
}
.journalpage{background:#fff;color:#1a1a1a;font-size:18px;line-height:1.5;max-width:1400px;margin:0 auto;-webkit-font-smoothing:subpixel-antialiased}
.journalpage ::selection{background:#00AED6;color:#fff}
.journalpage .herosection{padding:80px 40px 100px;position:relative;overflow:hidden;background:linear-gradient(180deg,#00AED6 0%,#00aed600 100%);margin-left:60px}
.journalpage .herosection::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,#1a1a1a 1px,transparent 1px);background-size:20px 20px;opacity:.03;pointer-events:none}
.journalpage .herotitlewrap{max-width:800px;position:relative;z-index:2}
.journalpage .pagetitlejournal{font-size:56px;line-height:1.2;margin:0 0 20px;font-weight:700;color:#1a1a1a}
.journalpage .pagetitlejournal .accentword{color:#F69208}
.journalpage .herosubtext{font-size:20px;color:#333;max-width:600px}
.journalpage .postsectionwrap{padding:60px 40px;margin-right:60px;background:#ECFCF3}
.journalpage .postsgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:36px}
.journalpage .postcard{background:#fff;border-radius:20px;overflow:hidden;box-shadow:8px 8px 0 #00000014;transition:transform .3s cubic-bezier(0.34,1.56,0.64,1),box-shadow .3s ease;display:flex;flex-direction:column}
.journalpage .postcard:hover{transform:translateY(-4px);box-shadow:12px 12px 0 #0000001f}
.journalpage .postimgwrap{width:100%;height:220px;overflow:hidden;position:relative}
.journalpage .postimg{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(0.34,1.56,0.64,1)}
.journalpage .postcard:hover .postimg{transform:scale(1.08)}
.journalpage .postcontentwrap{padding:28px;display:flex;flex-direction:column;flex-grow:1}
.journalpage .postmetatop{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.journalpage .tagitem{font-size:13px;padding:6px 14px;border-radius:16px;background:#00AED6;color:#fff;text-transform:uppercase;letter-spacing:.8px;font-weight:600}
.journalpage .tagitemalt{background:#F69208}
.journalpage .posttitlelink{text-decoration:none;color:inherit;display:block}
.journalpage .posttitle{font-size:24px;line-height:1.3;margin:0 0 14px;font-weight:700;color:#1a1a1a;transition:color .3s ease}
.journalpage .postcard:hover .posttitle{color:#00AED6}
.journalpage .postsubtitle{font-size:16px;color:#666;margin:0 0 10px;font-weight:600}
.journalpage .postdescription{font-size:16px;line-height:1.6;color:#555;margin:0 0 20px;flex-grow:1}
.journalpage .postmetabottom{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:2px solid #ECFCF3;gap:16px;flex-wrap:wrap}
.journalpage .authorinfo{display:flex;align-items:center;gap:8px;font-size:15px;color:#333}
.journalpage .poststatswrap{display:flex;gap:16px;font-size:14px;color:#777}
.journalpage .statitem{display:flex;align-items:center;gap:4px}
.journalpage .insightsection{padding:80px 40px;background:#fff;margin-left:80px;position:relative}
.journalpage .insightsection::before{content:'';position:absolute;top:-40px;left:0;right:0;height:80px;background:url("data:image/svg+xml,%3Csvg width='100' height='80' viewBox='0 0 100 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 40 Q 25 20,50 40 T 100 40' stroke='%2300AED6' stroke-width='3' fill='none'/%3E%3Cpath d='M0 52 Q 25 32,50 52 T 100 52' stroke='%2300AED6' stroke-width='3' fill='none'/%3E%3C/svg%3E") repeat-x;background-size:100px 80px}
.journalpage .insightinnerwrap{max-width:900px}
.journalpage .insighttitle{font-size:42px;line-height:1.3;margin:0 0 28px;font-weight:700;color:#1a1a1a}
.journalpage .insightcontent{display:flex;gap:40px;align-items:flex-start}
.journalpage .sidenote{flex:0 0 160px;font-size:14px;line-height:1.7;color:#666;padding:20px;background:#ECFCF3;border-radius:16px;position:sticky;top:20px}
.journalpage .maintext{flex:1}
.journalpage .maintext p{margin:0 0 24px}
.journalpage .accentdash{color:#F69208;margin:0 6px}
.journalpage .stacksection{padding:80px 40px;background:#ECFCF3;margin-right:100px}
.journalpage .stacktitle{font-size:38px;line-height:1.3;margin:0 0 50px;font-weight:700;text-align:center;color:#1a1a1a}
.journalpage .cardstackwrap{max-width:600px;margin:0 auto;position:relative;height:420px}
.journalpage .stackcontrol{display:none}
.journalpage .stackcard{position:absolute;top:0;left:0;width:100%;background:#fff;border-radius:24px;padding:50px;box-shadow:8px 8px 0 #00000014;transition:transform .4s cubic-bezier(0.34,1.56,0.64,1),opacity .4s ease;opacity:0;transform:translateY(60px) scale(0.92);pointer-events:none}
.journalpage .stackcontrol:checked + .stackcard{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;z-index:3}
.journalpage .cardlabel{cursor:pointer;display:block}
.journalpage .cardheading{font-size:28px;font-weight:700;margin:0 0 20px;color:#1a1a1a}
.journalpage .cardheading span{font-size:40px;color:#00AED6}
.journalpage .cardtext{font-size:17px;line-height:1.7;color:#555;margin:0}
.journalpage .stacknav{display:flex;justify-content:center;gap:12px;margin-top:440px}
.journalpage .stacknavlabel{width:14px;height:14px;border-radius:50%;background:#ccc;cursor:pointer;transition:all .3s ease}
.journalpage .stackcontrol:checked ~ .stacknav .stacknavlabel[for]{background:#ccc}
.journalpage .stackcontrol#card1:checked ~ .stacknav .stacknavlabel[for="card1"],.journalpage .stackcontrol#card2:checked ~ .stacknav .stacknavlabel[for="card2"],.journalpage .stackcontrol#card3:checked ~ .stacknav .stacknavlabel[for="card3"]{background:#00AED6;transform:scale(1.3)}
.journalpage .skillssection{padding:100px 40px;background:#fff;background-image:url(./header_images/CONTENT-04-07.jpg);background-size:cover;background-position:center;position:relative;margin-left:40px}
.journalpage .skillssection::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffeb;backdrop-filter:blur(8px)}
.journalpage .skillsinnerwrap{position:relative;z-index:2;max-width:1000px;margin:0 auto}
.journalpage .skillstitle{font-size:40px;line-height:1.3;margin:0 0 50px;font-weight:700;text-align:center;color:#1a1a1a}
.journalpage .tagcloud{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center}
.journalpage .cloudtag{padding:12px 24px;border-radius:24px;background:#00AED6;color:#fff;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(0.34,1.56,0.64,1);box-shadow:4px 4px 0 #0000001a}
.journalpage .cloudtag:hover{transform:translateY(-4px) scale(1.05);box-shadow:6px 6px 0 #00000026;background:#F69208}
.journalpage .cloudtag:nth-child(3n+1){font-size:18px}
.journalpage .cloudtag:nth-child(3n+2){font-size:20px}
.journalpage .cloudtag:nth-child(5n){background:#F69208}
.journalpage .cloudtag:nth-child(5n):hover{background:#00AED6}
@media (max-width: 768px) {
.journalpage .herosection{padding:60px 24px 80px;margin-left:20px}
.journalpage .pagetitlejournal{font-size:38px}
.journalpage .postsectionwrap{padding:40px 24px;margin-right:20px}
.journalpage .postsgrid{grid-template-columns:1fr;gap:28px}
.journalpage .insightsection{padding:60px 24px;margin-left:20px}
.journalpage .insightcontent{flex-direction:column;gap:24px}
.journalpage .sidenote{flex:1;position:static;width:100%}
.journalpage .stacksection{padding:60px 24px;margin-right:20px}
.journalpage .stackcard{padding:30px}
.journalpage .cardstackwrap{height:460px}
.journalpage .stacknav{margin-top:480px}
.journalpage .skillssection{padding:60px 24px;margin-left:0}
.journalpage .insighttitle,.journalpage .stacktitle,.journalpage .skillstitle{font-size:32px}
}
.aboutsimolex{margin:0;padding:0;background:#fff;max-width:1400px;margin-left:auto;margin-right:auto;-webkit-font-smoothing:subpixel-antialiased}
.aboutsimolex ::selection{background:#00AED6;color:#fff}
.aboutsimolex .parallaxhero{position:relative;height:75vh;min-height:500px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.aboutsimolex .parallaxhero::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(./header_images/12-28-slide23-edit.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;z-index:1}
.aboutsimolex .parallaxhero::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#000000bf 0%,#0000004d 50%,#0009 100%);z-index:2}
.aboutsimolex .stripepattern{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;opacity:.04;background-image:repeating-linear-gradient(53deg,transparent,transparent 35px,#00AED6 35px,#00AED6 70px);pointer-events:none}
.aboutsimolex .herocontent{position:relative;z-index:4;text-align:center;color:#fff;max-width:800px;padding:0 2rem}
.aboutsimolex .heropre{font-size:1.125rem;line-height:1.5;margin:0 0 1.5rem;opacity:.95}
.aboutsimolex .herotitle{font-size:3rem;line-height:1.2;margin:0;font-weight:700}
.aboutsimolex .herotitle .accentword{color:#00AED6}
.aboutsimolex .missiongrid{display:grid;grid-template-columns:1fr 3fr;gap:0;background:#F8F8F8;position:relative}
.aboutsimolex .missiongrid::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 20px,#00aed605 20px,#00aed605 21px),repeating-linear-gradient(90deg,transparent,transparent 20px,#00aed605 20px,#00aed605 21px);pointer-events:none}
.aboutsimolex .leftsidebar{background:linear-gradient(53deg,#00AED6 0%,#ECFCF3 100%);padding:4rem 2rem;display:flex;flex-direction:column;justify-content:center;position:relative}
.aboutsimolex .sidebartext{writing-mode:vertical-rl;transform:rotate(180deg);font-size:2.5rem;font-weight:700;color:#0000001a;letter-spacing:.2em;text-transform:uppercase}
.aboutsimolex .maincontent{padding:5rem 4rem;position:relative}
.aboutsimolex .contentblock{margin-bottom:3.5rem}
.aboutsimolex .contentblock:last-child{margin-bottom:0}
.aboutsimolex .blockheading{font-size:1.875rem;line-height:1.3;margin:0 0 1.5rem;font-weight:600;color:#1a1a1a}
.aboutsimolex .blockheading .firstword{font-size:2.5rem;color:#00AED6}
.aboutsimolex .blocktext{font-size:1.125rem;line-height:1.5;margin:0 0 1.5rem;color:#333}
.aboutsimolex .highlightdash{color:#F69208;font-weight:700}
.aboutsimolex .teamvalues{background:#fff;padding:5rem 2rem;position:relative;overflow:hidden}
.aboutsimolex .teamvalues::before{content:'';position:absolute;top:-50px;left:0;width:100%;height:100px;background:#F8F8F8;clip-path:polygon(0 50%,100% 0,100% 100%,0 100%)}
.aboutsimolex .teamvalues::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 50% 50%,transparent 40%,#00000026 100%);pointer-events:none}
.aboutsimolex .valueswrapper{max-width:1200px;margin:0 auto;position:relative;z-index:1}
.aboutsimolex .valuesintro{text-align:center;margin-bottom:4rem}
.aboutsimolex .valuestitle{font-size:2.25rem;line-height:1.3;margin:0 0 1.5rem;font-weight:600;color:#1a1a1a}
.aboutsimolex .valuesdesc{font-size:1.125rem;line-height:1.5;margin:0 auto;max-width:700px;color:#333}
.aboutsimolex .valuesgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-bottom:4rem}
.aboutsimolex .valuecard{background:#ECFCF3;padding:2rem;border-radius:24px;box-shadow:8px 8px 0 #00aed61a;transition:transform .3s cubic-bezier(0.34,1.56,0.64,1)}
.aboutsimolex .valuecard:hover{transform:translateY(-5px)}
.aboutsimolex .valueicon{width:60px;height:60px;background:linear-gradient(53deg,#00AED6 0%,#F69208 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:1.5rem;color:#fff;box-shadow:inset 0 2px 4px #0000001a}
.aboutsimolex .valuename{font-size:1.5rem;line-height:1.3;margin:0 0 1rem;font-weight:600;color:#1a1a1a}
.aboutsimolex .valuetext{font-size:1rem;line-height:1.5;margin:0;color:#333}
.aboutsimolex .teamgallery{display:grid;grid-template-columns:2fr 1fr;gap:2rem;align-items:start}
.aboutsimolex .galleryleft{display:flex;flex-direction:column;gap:2rem}
.aboutsimolex .teamphoto{width:100%;height:350px;border-radius:24px;overflow:hidden;box-shadow:12px 12px 0 #f6920826}
.aboutsimolex .teamphoto img{width:100%;height:100%;object-fit:cover}
.aboutsimolex .galleryright{display:flex;flex-direction:column;gap:2rem}
.aboutsimolex .smallphoto{width:100%;height:200px;border-radius:24px;overflow:hidden;box-shadow:8px 8px 0 #00aed626}
.aboutsimolex .smallphoto img{width:100%;height:100%;object-fit:cover}
.aboutsimolex .tabradiowrapper{margin-top:4rem;display:grid;grid-template-columns:250px 1fr;gap:3rem;background:#F8F8F8;border-radius:24px;padding:2rem;box-shadow:8px 8px 0 #0000000d}
.aboutsimolex .tabradiowrapper input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.aboutsimolex .tablabels{display:flex;flex-direction:column;gap:1rem}
.aboutsimolex .tablabel{display:block;padding:1.25rem 1.5rem;background:#fff;border-radius:16px;cursor:pointer;font-size:1.125rem;font-weight:600;color:#333;transition:all .3s cubic-bezier(0.34,1.56,0.64,1);border:2px solid transparent}
.aboutsimolex .tablabel:hover{background:#ECFCF3;transform:translateX(5px)}
.aboutsimolex .tabradiowrapper input[type="radio"]:checked + .tablabel{background:linear-gradient(53deg,#00AED6 0%,#ECFCF3 100%);color:#1a1a1a;border-color:#00AED6;box-shadow:inset 0 2px 4px #0000001a}
.aboutsimolex .tabpanels{position:relative}
.aboutsimolex .tabpanel{display:none;padding:2rem;background:#fff;border-radius:16px;animation:fadein .4s ease-out}
@keyframes fadein {
from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
.aboutsimolex .tabradiowrapper input[type="radio"]:nth-of-type(1):checked ~ .tabpanels .tabpanel:nth-of-type(1),.aboutsimolex .tabradiowrapper input[type="radio"]:nth-of-type(2):checked ~ .tabpanels .tabpanel:nth-of-type(2),.aboutsimolex .tabradiowrapper input[type="radio"]:nth-of-type(3):checked ~ .tabpanels .tabpanel:nth-of-type(3){display:block}
.aboutsimolex .panelheading{font-size:1.5rem;line-height:1.3;margin:0 0 1.25rem;font-weight:600;color:#1a1a1a}
.aboutsimolex .paneltext{font-size:1.125rem;line-height:1.5;margin:0 0 1.25rem;color:#333}
.aboutsimolex .paneltext:last-child{margin-bottom:0}
.aboutsimolex .progresssection{margin-top:3rem;padding:2rem;background:#ECFCF3;border-radius:20px;border-left:6px solid #00AED6}
.aboutsimolex .progressheading{font-size:1.25rem;line-height:1.3;margin:0 0 1.5rem;font-weight:600;color:#1a1a1a}
.aboutsimolex .progressitem{margin-bottom:2rem}
.aboutsimolex .progressitem:last-child{margin-bottom:0}
.aboutsimolex .progresslabel{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}
.aboutsimolex .progressname{font-size:1rem;font-weight:600;color:#1a1a1a}
.aboutsimolex .progresspercent{font-size:1rem;font-weight:700;color:#00AED6}
.aboutsimolex .progressbar{width:100%;height:12px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:inset 0 2px 4px #00000014;position:relative}
.aboutsimolex .progressfill{height:100%;background:linear-gradient(53deg,#00AED6 0%,#F69208 100%);border-radius:20px;position:relative;overflow:hidden}
.aboutsimolex .progressfill::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,#ffffff4d 50%,transparent 100%);animation:progressshine 2s infinite}
@keyframes progressshine {
0%{transform:translateX(-100%)}
100%{transform:translateX(100%)}
}
.aboutsimolex .progressfill.prog92{width:92%}
.aboutsimolex .progressfill.prog87{width:87%}
.aboutsimolex .progressfill.prog94{width:94%}
.aboutsimolex .matrixtable{width:100%;border-collapse:separate;border-spacing:0;margin-top:3rem;border-radius:16px;overflow:hidden;box-shadow:8px 8px 0 #0000000d}
.aboutsimolex .matrixtable th{background:linear-gradient(53deg,#00AED6 0%,#ECFCF3 100%);padding:1.25rem 1.5rem;text-align:left;font-size:1.125rem;font-weight:600;color:#1a1a1a}
.aboutsimolex .matrixtable td{background:#fff;padding:1.25rem 1.5rem;border-bottom:1px solid #E8E8E8;font-size:1rem;color:#333}
.aboutsimolex .matrixtable tr:last-child td{border-bottom:none}
.aboutsimolex .matrixtable tr:nth-child(even) td{background:#F8F8F8}
.aboutsimolex .checkmark{color:#00AED6;font-weight:700;font-size:1.25rem}
.aboutsimolex .glowedges{position:relative;margin-top:5rem;padding:6rem 3rem;background:#1a1a1a;color:#fff}
.aboutsimolex .glowedges::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(53deg,#00AED6 0%,#F69208 100%);animation:edgeglow 3s ease-in-out infinite alternate}
.aboutsimolex .glowedges::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(53deg,#F69208 0%,#00AED6 100%);animation:edgeglow 3s ease-in-out infinite alternate-reverse}
@keyframes edgeglow {
0%{opacity:.4;box-shadow:0 0 10px currentColor}
100%{opacity:1;box-shadow:0 0 30px currentColor}
}
.aboutsimolex .contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;max-width:1200px;margin:0 auto}
.aboutsimolex .contactleft{display:flex;flex-direction:column;justify-content:center}
.aboutsimolex .contacttitle{font-size:2.25rem;line-height:1.3;margin:0 0 1.5rem;font-weight:600;color:#fff}
.aboutsimolex .contacttext{font-size:1.125rem;line-height:1.5;margin:0 0 2rem;color:#ffffffe6;-webkit-font-smoothing:antialiased}
.aboutsimolex .contactdetails{display:flex;flex-direction:column;gap:1rem}
.aboutsimolex .contactitem{display:flex;align-items:center;gap:1rem;font-size:1rem;color:#ffffffe6}
.aboutsimolex .contacticon{width:40px;height:40px;background:linear-gradient(53deg,#00AED6 0%,#F69208 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.aboutsimolex .contactright{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.aboutsimolex .profilecard{background:#ffffff0d;border-radius:20px;padding:1.5rem;border:1px solid #ffffff1a;transition:transform .3s cubic-bezier(0.34,1.56,0.64,1)}
.aboutsimolex .profilecard:hover{transform:translateY(-5px);background:#ffffff14}
.aboutsimolex .profilephoto{width:100%;height:200px;border-radius:16px;overflow:hidden;margin-bottom:1rem}
.aboutsimolex .profilephoto img{width:100%;height:100%;object-fit:cover;object-position:center top}
.aboutsimolex .profilename{font-size:1.25rem;line-height:1.3;margin:0 0 .5rem;font-weight:600;color:#fff}
.aboutsimolex .profilerole{font-size:.9rem;line-height:1.5;margin:0;color:#00AED6}
@media (max-width: 1024px) {
.aboutsimolex .missiongrid{grid-template-columns:1fr}
.aboutsimolex .leftsidebar{padding:2rem}
.aboutsimolex .sidebartext{writing-mode:horizontal-tb;transform:none;font-size:2rem}
.aboutsimolex .maincontent{padding:3rem 2rem}
.aboutsimolex .tabradiowrapper{grid-template-columns:1fr}
.aboutsimolex .tablabels{flex-direction:row;overflow-x:auto}
.aboutsimolex .contactgrid{grid-template-columns:1fr;gap:3rem}
.aboutsimolex .teamgallery{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.aboutsimolex .herotitle{font-size:2rem}
.aboutsimolex .valuesgrid{grid-template-columns:1fr}
.aboutsimolex .teamvalues{padding:3rem 1rem}
.aboutsimolex .glowedges{padding:3rem 1.5rem}
.aboutsimolex .contactright{grid-template-columns:1fr}
.aboutsimolex .matrixtable{font-size:.9rem}
.aboutsimolex .matrixtable th,.aboutsimolex .matrixtable td{padding:1rem}
}
.contactpage{background:#fff;min-height:100vh;overflow-x:hidden}
.contactpage *{box-sizing:border-box}
.contactpage::before{content:'';position:fixed;top:0;right:0;width:400px;height:400px;background:radial-gradient(circle,#ecfcf399 0%,transparent 70%);pointer-events:none;z-index:0}
.contactpage::after{content:'';position:fixed;bottom:0;left:0;width:300px;height:300px;background:radial-gradient(circle,#00aed614 0%,transparent 70%);pointer-events:none;z-index:0}
.contactpage .titlezone{position:relative;max-width:1400px;margin:0 auto;padding:120px 40px 80px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.contactpage .titlezone::before{content:'';position:absolute;top:50%;right:-100px;width:600px;height:600px;background-image:radial-gradient(circle at 20% 80%,#00aed608 0%,transparent 50%),radial-gradient(circle at 60% 20%,#f692080a 0%,transparent 50%);transform:translateY(-50%);pointer-events:none;z-index:0}
.contactpage .manifestowrapper{position:relative;z-index:1}
.contactpage .pagelabel{font-size:15px;text-transform:uppercase;letter-spacing:.15em;color:#00AED6;margin:0 0 16px;font-weight:600}
.contactpage .maintitle{font-size:56px;line-height:1.2;color:#1a1a1a;margin:0 0 24px;font-weight:700}
.contactpage .maintitle .accentword{color:#F69208}
.contactpage .manifesto{font-size:18px;line-height:1.6;color:#4a4a4a;margin:0}
.contactpage .floatingimg{position:relative;z-index:1;background:linear-gradient(53deg,#00AED6 0%,#ECFCF3 100%);border-radius:24px;padding:60px;box-shadow:20px 20px 0 #00aed61a;display:flex;flex-direction:column;gap:24px}
.contactpage .contactitem{display:flex;align-items:flex-start;gap:16px;background:#ffffffe6;padding:20px;border-radius:16px;transition:transform .3s cubic-bezier(0.34,1.56,0.64,1)}
.contactpage .contactitem:hover{transform:translateX(8px)}
.contactpage .contacticonwrap{width:48px;height:48px;background:#00AED6;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.contactpage .contacticonwrap::before{content:'';width:24px;height:24px;background:#fff;display:block}
.contactpage .contactitem:nth-child(1) .contacticonwrap::before{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}
.contactpage .contactitem:nth-child(2) .contacticonwrap::before{clip-path:polygon(0% 0%,100% 0%,50% 100%)}
.contactpage .contactitem:nth-child(3) .contacticonwrap::before{border-radius:50%}
.contactpage .contactitem:nth-child(4) .contacticonwrap::before{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}
.contactpage .contactdetails{display:flex;flex-direction:column;gap:4px}
.contactpage .contactlabel{font-size:14px;text-transform:uppercase;letter-spacing:.1em;color:#00AED6;font-weight:600;margin:0}
.contactpage .contactvalue{font-size:18px;color:#1a1a1a;margin:0;font-weight:500}
.contactpage .contactvalue a{color:inherit;text-decoration:none;transition:color .3s ease}
.contactpage .contactvalue a:hover{color:#F69208}
.contactpage .formsectionwrap{position:relative;background:linear-gradient(53deg,#ECFCF3 0%,#fff 100%);padding:100px 40px}
.contactpage .formsectionwrap::before{content:'';position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent 0%,#00AED6 50%,transparent 100%)}
.contactpage .formsectionwrap::after{content:'';position:absolute;bottom:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent 0%,#F69208 50%,transparent 100%)}
.contactpage .formcontainer{max-width:900px;margin:0 auto;position:relative}
.contactpage .formsidebar{position:absolute;left:-200px;top:0;width:150px;display:flex;flex-direction:column;gap:12px}
.contactpage .sidenotebox{font-size:13px;line-height:1.5;color:#6a6a6a;padding:12px;background:#fff;border-left:3px solid #00AED6;border-radius:8px}
.contactpage .formheadingwrap{margin-bottom:48px;text-align:center}
.contactpage .formheading{font-size:42px;line-height:1.3;color:#1a1a1a;margin:0 0 16px;font-weight:700}
.contactpage .formheading .firstword{font-size:62px;color:#00AED6}
.contactpage .formsubheading{font-size:18px;line-height:1.6;color:#4a4a4a;margin:0}
.contactpage .actualform{background:#fff;padding:60px;border-radius:28px;box-shadow:15px 15px 0 #f6920814;position:relative}
.contactpage .actualform::before{content:'';position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border:2px solid #ECFCF3;border-radius:32px;pointer-events:none}
.contactpage .fieldwrapper{margin-bottom:32px;position:relative}
.contactpage .fieldlabel{display:block;font-size:15px;font-weight:600;color:#1a1a1a;margin-bottom:10px;text-transform:uppercase;letter-spacing:.08em}
.contactpage .fieldinput{width:100%;padding:16px 20px;font-size:18px;color:#1a1a1a;background:#f8f8f8;border:2px solid transparent;border-radius:16px;transition:all .3s cubic-bezier(0.34,1.56,0.64,1);outline:none}
.contactpage .fieldinput:focus{background:#fff;border-color:#00AED6;box-shadow:inset 0 2px 4px #00aed61a}
.contactpage .fieldinput::placeholder{color:#999}
.contactpage .companysize{margin-bottom:32px}
.contactpage .radiogrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:10px}
.contactpage .radiooption{position:relative}
.contactpage .radioinput{position:absolute;opacity:0;width:0;height:0}
.contactpage .radiolabel{display:block;padding:20px;background:#f8f8f8;border:2px solid transparent;border-radius:16px;text-align:center;font-size:16px;font-weight:600;color:#4a4a4a;cursor:pointer;transition:all .3s cubic-bezier(0.34,1.56,0.64,1);position:relative;overflow:hidden}
.contactpage .radiolabel::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(53deg,#00AED6 0%,#ECFCF3 100%);transition:left .4s cubic-bezier(0.34,1.56,0.64,1);z-index:0}
.contactpage .radiolabel span{position:relative;z-index:1}
.contactpage .radioinput:checked + .radiolabel{border-color:#00AED6;color:#fff;box-shadow:inset 0 3px 6px #00000026}
.contactpage .radioinput:checked + .radiolabel::before{left:0}
.contactpage .radioinput:focus + .radiolabel{outline:2px solid #F69208;outline-offset:2px}
.contactpage .privacybox{margin-bottom:32px;padding:20px;background:#f8f8f8;border-radius:16px;display:flex;align-items:flex-start;gap:12px}
.contactpage .checkboxinput{width:24px;height:24px;margin-top:2px;cursor:pointer;flex-shrink:0;accent-color:#00AED6}
.contactpage .checkboxlabel{font-size:16px;line-height:1.6;color:#4a4a4a;cursor:pointer;margin:0}
.contactpage .checkboxlabel a{color:#00AED6;text-decoration:none;font-weight:600;transition:color .3s ease}
.contactpage .checkboxlabel a:hover{color:#F69208}
.contactpage .submitwrapper{display:flex;justify-content:center}
.contactpage .submitbtn{padding:18px 48px;font-size:18px;font-weight:700;color:#fff;background:linear-gradient(53deg,#00AED6 0%,#F69208 100%);border:none;border-radius:20px;cursor:pointer;transition:all .4s cubic-bezier(0.34,1.56,0.64,1);text-transform:uppercase;letter-spacing:.1em;box-shadow:8px 8px 0 #00aed633;position:relative;overflow:hidden}
.contactpage .submitbtn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(53deg,#F69208 0%,#00AED6 100%);transition:left .4s cubic-bezier(0.34,1.56,0.64,1)}
.contactpage .submitbtn span{position:relative;z-index:1}
.contactpage .submitbtn:hover{transform:translateY(-4px);box-shadow:12px 12px 0 #f692084d}
.contactpage .submitbtn:hover::before{left:0}
.contactpage .submitbtn:active{transform:translateY(0);box-shadow:4px 4px 0 #00aed64d inset}
@media (max-width: 1200px) {
.contactpage .formsidebar{display:none}
}
@media (max-width: 968px) {
.contactpage .titlezone{grid-template-columns:1fr;gap:60px;padding:80px 24px 60px}
.contactpage .maintitle{font-size:42px}
.contactpage .floatingimg{padding:40px}
.contactpage .formsectionwrap{padding:60px 24px}
.contactpage .actualform{padding:40px 24px}
.contactpage .formheading{font-size:32px}
.contactpage .formheading .firstword{font-size:42px}
.contactpage .radiogrid{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.contactpage .maintitle{font-size:32px}
.contactpage .floatingimg{padding:24px}
.contactpage .formheading{font-size:28px}
.contactpage .formheading .firstword{font-size:36px}
}
.successwrap{background:linear-gradient(53deg,#00AED6 0%,#ECFCF3 100%);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;position:relative;overflow:hidden}
.successwrap::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(45deg,transparent,transparent 35px,#00aed608 35px,#00aed608 70px),repeating-linear-gradient(-45deg,transparent,transparent 35px,#f6920805 35px,#f6920805 70px);pointer-events:none;z-index:1}
.successcontent{max-width:800px;width:100%;background:#fff;border-radius:32px;padding:80px 60px;box-shadow:24px 24px 0 #00000014;position:relative;z-index:2;text-align:center}
.successcontent::before{content:'';position:absolute;top:-12px;left:50%;transform:translateX(-50%);width:120px;height:120px;background:linear-gradient(53deg,#00AED6,#F69208);border-radius:50%;opacity:.15;animation:successglow 3s ease-in-out infinite}
@keyframes successglow {
0%,100%{opacity:.15;transform:translateX(-50%) scale(1)}
50%{opacity:.25;transform:translateX(-50%) scale(1.1)}
}
.iconwrapper{width:140px;height:140px;margin:0 auto 40px;background:linear-gradient(53deg,#00AED6,#F69208);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;animation:successbounce .8s cubic-bezier(0.68,-0.55,0.265,1.55)}
@keyframes successbounce {
0%{transform:scale(0) rotate(-180deg);opacity:0}
60%{transform:scale(1.1) rotate(10deg)}
100%{transform:scale(1) rotate(0deg);opacity:1}
}
.iconwrapper::before{content:'';position:absolute;width:100%;height:100%;background:#fff;border-radius:50%;transform:scale(0.85)}
.iconmark{position:relative;z-index:2;width:60px;height:60px;border:6px solid #00AED6;border-radius:50%;display:flex;align-items:center;justify-content:center}
.iconmark::after{content:'';width:26px;height:46px;border-right:6px solid #00AED6;border-bottom:6px solid #00AED6;transform:rotate(45deg) translateY(-6px)}
.successheader{font-size:48px;font-weight:700;color:#1a1a1a;margin:0 0 24px;line-height:1.2}
.successheader .accent{color:#00AED6}
.successmsg{font-size:20px;color:#4a4a4a;line-height:1.5;margin:0 0 50px}
.detailsection{background:#ECFCF3;border-radius:20px;padding:40px;margin:0 0 50px;text-align:left}
.detailitem{display:flex;align-items:baseline;margin:0 0 20px;gap:16px}
.detailitem:last-child{margin:0}
.detaillabel{font-size:16px;color:#666;min-width:160px;font-weight:600}
.detailvalue{font-size:18px;color:#1a1a1a;font-weight:500}
.detailvalue .dash{color:#F69208;margin:0 8px}
.actionzone{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.btnprimary{background:linear-gradient(53deg,#00AED6,#F69208);color:#fff;font-size:18px;font-weight:600;padding:18px 44px;border:none;border-radius:16px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:12px;transition:all .35s cubic-bezier(0.68,-0.55,0.265,1.55);box-shadow:8px 8px 0 #0000001a}
.btnprimary:hover{transform:translateY(-4px);box-shadow:12px 12px 0 #0000001f;padding-left:50px;padding-right:50px}
.btnprimary:active{box-shadow:4px 4px 0 #00000026 inset;transform:translateY(0)}
.btnsecondary{background:#fff;color:#00AED6;font-size:18px;font-weight:600;padding:18px 40px;border:3px solid #00AED6;border-radius:16px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:all .35s cubic-bezier(0.68,-0.55,0.265,1.55)}
.btnsecondary:hover{background:#00AED6;color:#fff;padding-left:46px;padding-right:46px}
.btnsecondary:active{box-shadow:4px 4px 0 #00aed633 inset}
.supportnote{margin:50px 0 0;padding:30px 0 0;border-top:2px solid #ECFCF3;font-size:16px;color:#666;line-height:1.5}
.supportnote a{color:#00AED6;text-decoration:none;font-weight:600;border-bottom:2px solid transparent;transition:border-color .25s ease}
.supportnote a:hover{border-bottom-color:#00AED6}
.companybrand{font-weight:700;color:#F69208}
@media (max-width: 768px) {
.successcontent{padding:60px 30px}
.successheader{font-size:36px}
.successmsg{font-size:18px}
.detailsection{padding:30px 24px}
.detailitem{flex-direction:column;gap:8px}
.detaillabel{min-width:auto}
.actionzone{flex-direction:column}
.btnprimary,.btnsecondary{width:100%;justify-content:center}
}
@media (max-width: 480px) {
.successwrap{padding:40px 16px}
.successcontent{padding:40px 24px;border-radius:24px}
.iconwrapper{width:100px;height:100px;margin-bottom:30px}
.iconmark{width:44px;height:44px;border-width:4px}
.iconmark::after{width:18px;height:32px;border-width:4px}
.successheader{font-size:28px}
.detailsection{padding:24px 20px}
}