*{margin:0;padding:0}
.navwrap,.brandwrap,.footerwrap{box-sizing:border-box}
body{font-family:'Alegreya',serif;font-size:18px;line-height:1.7;color:#2a2a2a;background:#F5F5F5}
.topribbon{background:linear-gradient(135deg,#01F0FD 0%,#9EFCAC 100%);padding:14px 0;box-shadow:0 2px 8px #01f0fd26}
.navwrap{max-width:1200px;margin:0 auto;padding:0 20px}
.mainnavbar{display:flex;gap:35px;justify-content:center;align-items:center}
.mainnavbar .navlink{color:#1a1a1a;text-decoration:none;font-weight:700;font-size:17px;transition:color 320ms;padding:6px 12px}
.mainnavbar .navlink:hover{color:#fff}
.brandbar{background:#fff;padding:38px 0;border-bottom:3px solid #01F0FD}
.brandwrap{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:28px}
.logobox{background:#fff;padding:10px;border-radius:8px;box-shadow:0 3px 12px #00000014;display:flex;align-items:center;justify-content:center}
.sitelogo{height:85px;width:85px;display:block}
.brandinfo{flex:1}
.sitename{font-size:42px;font-weight:700;color:#1a1a1a;margin-bottom:6px;line-height:1.2}
.tagln{font-size:19px;color:#5a5a5a;font-style:italic}
.footermain{background:linear-gradient(160deg,#01F0FD 0%,#9EFCAC 45%,#F5F5F5 100%);padding:55px 0 35px}
.footerwrap{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:50px}
.footerhdg{font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:20px}
.contactitem{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}
.contactitem i{font-size:20px;color:#01F0FD;margin-top:4px}
.contactitem p,.contactitem a{font-size:17px;color:#2a2a2a;text-decoration:none;line-height:1.6}
.contactitem a:hover{color:#01F0FD}
.footernav{display:flex;flex-direction:column;gap:12px}
.footerlink{font-size:17px;color:#2a2a2a;text-decoration:none;transition:color 300ms;padding:4px 0}
.footerlink:hover{color:#01F0FD}
.footerbtm{background:#1a1a1a;padding:22px 0}
.copyright{text-align:center;color:#F5F5F5;font-size:16px}
.cookiepopup{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:flex-end;z-index:9999;padding:20px;pointer-events:none;transform:translateY(100%);transition:transform 380ms ease-out}
.cookiepopup.show{transform:translateY(0);pointer-events:all}
.cookiecard{background:#fff;border-radius:10px;box-shadow:0 8px 32px #0000002e;padding:32px;max-width:650px;width:100%}
.cookiehdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.cookietitle{font-size:26px;font-weight:700;color:#1a1a1a}
.policylink{font-size:15px;color:#01F0FD;text-decoration:none;font-weight:700}
.policylink:hover{text-decoration:underline}
.cookiedesc{font-size:17px;color:#4a4a4a;margin-bottom:24px;line-height:1.6}
.cookiedetails{margin-bottom:24px}
.cookieoption{margin-bottom:18px;padding:14px;background:#f9f9f9;border-radius:6px}
.cookielabel{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:17px;font-weight:700;color:#2a2a2a}
.cookiebox{width:20px;height:20px;cursor:pointer}
.optdesc{font-size:15px;color:#5a5a5a;margin-top:8px;margin-left:30px;line-height:1.5}
.cookieactions{display:flex;gap:12px;flex-wrap:wrap}
.cookiebtn{padding:13px 24px;border:none;border-radius:7px;font-family:'Alegreya',serif;font-size:16px;font-weight:700;cursor:pointer;transition:all 320ms}
.cookiebtn--accept{background:linear-gradient(135deg,#01F0FD 0%,#9EFCAC 100%);color:#1a1a1a;flex:1}
.cookiebtn--accept:hover{box-shadow:0 4px 16px #01f0fd66;transform:translateY(-2px)}
.cookiebtn--customize{background:#e0e0e0;color:#2a2a2a}
.cookiebtn--customize:hover{background:#d0d0d0}
.cookiebtn--decline{background:#f5f5f5;color:#4a4a4a;border:2px solid #d0d0d0}
.cookiebtn--decline:hover{background:#ebebeb}
.cookiebtn--save{background:linear-gradient(135deg,#9EFCAC 0%,#01F0FD 100%);color:#1a1a1a;flex:1}
.cookiebtn--save:hover{box-shadow:0 4px 16px #9efcac66;transform:translateY(-2px)}
.settingsicon{position:fixed;bottom:20px;right:20px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#01F0FD 0%,#9EFCAC 100%);border:none;box-shadow:0 4px 16px #01f0fd4d;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:9998;transition:transform 320ms}
.settingsicon:hover{transform:scale(1.1)}
.settingsicon i{font-size:24px;color:#1a1a1a}
@media (max-width: 768px) {
.mainnavbar{flex-direction:column;gap:16px}
.brandwrap{flex-direction:column;text-align:center;gap:20px}
.sitename{font-size:34px}
.footerwrap{grid-template-columns:1fr;gap:35px}
.cookiecard{padding:24px}
.cookieactions{flex-direction:column}
.cookiebtn{width:100%}
}
@media (max-width: 375px) {
.sitename{font-size:28px}
.sitelogo{height:70px;width:70px}
.cookietitle{font-size:22px}
}
.policy-inner{max-width:1200px;margin:0 auto;padding:60px 24px 80px;background:#FFF}
.policy-inner h1{font-size:42px;font-weight:700;line-height:1.2;color:#1a1a1a;margin:0 0 16px;letter-spacing:-.5px}
.policy-inner h2{font-size:32px;font-weight:700;line-height:1.3;color:#2a2a2a;margin:48px 0 20px;letter-spacing:-.3px}
.policy-inner h3{font-size:24px;font-weight:600;line-height:1.4;color:#333;margin:36px 0 16px}
.policy-inner h4{font-size:20px;font-weight:600;line-height:1.4;color:#3a3a3a;margin:28px 0 14px}
.policy-inner h5{font-size:18px;font-weight:600;line-height:1.5;color:#444;margin:24px 0 12px}
.policy-inner h6{font-size:16px;font-weight:600;line-height:1.5;color:#4a4a4a;margin:20px 0 10px;text-transform:uppercase;letter-spacing:.5px}
.policy-inner p{font-size:16px;line-height:1.75;color:#333;margin:0 0 20px}
.policy-inner ul{margin:0 0 24px;padding:0 0 0 28px;list-style-type:disc}
.policy-inner ol{margin:0 0 24px;padding:0 0 0 28px;list-style-type:decimal}
.policy-inner li{font-size:16px;line-height:1.75;color:#333;margin:0 0 12px;padding-left:8px}
.policy-inner ul ul{margin:12px 0 0;list-style-type:circle}
.policy-inner ol ol{margin:12px 0 0;list-style-type:lower-alpha}
.policy-inner ul ul ul{list-style-type:square}
.policy-inner ol ol ol{list-style-type:lower-roman}
.policy-inner strong,.policy-inner b{font-weight:700;color:#1a1a1a}
.policy-inner a{color:#01F0FD;text-decoration:underline;transition:color .3s ease}
.policy-inner a:hover{color:#00c0ca}
.policy-inner table{width:100%;border-collapse:collapse;margin:32px 0;background:#FFF;box-shadow:0 2px 8px #00000014}
.policy-inner thead{background:linear-gradient(135deg,#01F0FD 0%,#9EFCAC 100%)}
.policy-inner thead tr{border-bottom:2px solid #01F0FD}
.policy-inner th{padding:16px 20px;text-align:left;font-size:15px;font-weight:700;color:#1a1a1a;text-transform:uppercase;letter-spacing:.5px}
.policy-inner tbody tr{border-bottom:1px solid #e5e5e5;transition:background-color .25s ease}
.policy-inner tbody tr:hover{background:#f8f8f8}
.policy-inner tbody tr:last-child{border-bottom:none}
.policy-inner td{padding:14px 20px;font-size:15px;line-height:1.6;color:#333}
.policy-inner hr{border:none;height:2px;background:linear-gradient(90deg,#01F0FD 0%,#9EFCAC 50%,transparent 100%);margin:48px 0}
.policy-inner div{margin:0 0 20px}
@media (max-width: 768px) {
.policy-inner{padding:40px 20px 60px}
.policy-inner h1{font-size:32px;margin-bottom:12px}
.policy-inner h2{font-size:26px;margin:36px 0 16px}
.policy-inner h3{font-size:22px;margin:28px 0 14px}
.policy-inner h4{font-size:19px;margin:24px 0 12px}
.policy-inner h5{font-size:17px;margin:20px 0 10px}
.policy-inner h6{font-size:15px;margin:18px 0 10px}
.policy-inner p,.policy-inner li,.policy-inner td{font-size:15px;line-height:1.7}
.policy-inner ul,.policy-inner ol{padding-left:24px}
.policy-inner table{font-size:14px;margin:24px 0}
.policy-inner th,.policy-inner td{padding:12px 14px}
.policy-inner hr{margin:36px 0}
}
@media (max-width: 375px) {
.policy-inner{padding:32px 16px 48px}
.policy-inner h1{font-size:28px}
.policy-inner h2{font-size:23px}
.policy-inner h3{font-size:20px}
.policy-inner table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.policy-inner th,.policy-inner td{padding:10px 12px;font-size:14px}
}
@media (min-width: 1366px) {
.policy-inner{padding:80px 40px 100px}
.policy-inner h1{font-size:48px}
.policy-inner h2{font-size:36px;margin:56px 0 24px}
.policy-inner p,.policy-inner li{font-size:17px;line-height:1.8}
}
.pagehead{position:relative;background:linear-gradient(220deg,#01F0FD 0%,#9EFCAC 50%,#F5F5F5 100%);padding:80px 20px 120px;overflow:hidden}
.pagehead::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#01f0fd4d 0%,transparent 70%);border-radius:50%}
.hdwrp{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.hdcnt{max-width:680px}
.hdcnt h1{font-size:56px;line-height:1.1;color:#1a1a1a;margin:0 0 24px;font-weight:700}
.hdcnt h1::before{content:'';display:block;width:80px;height:6px;background:#01F0FD;margin-bottom:20px;border-radius:3px}
.hdcnt p{font-size:20px;line-height:1.6;color:#2d2d2d;margin:0}
.imglay{position:absolute;right:5%;top:50%;transform:translateY(-50%);width:380px;height:420px}
.imglay img{width:100%;height:100%;object-fit:cover;border-radius:8px;box-shadow:0 12px 40px #00000026}
.imglay::after{content:'';position:absolute;bottom:-20px;left:-20px;right:20px;top:20px;border:3px solid #9EFCAC;border-radius:8px;z-index:-1}
.storyblk{padding:100px 20px;background:#fff}
.stywrap{max-width:1200px;margin:0 auto;display:flex;gap:60px;align-items:center}
.stycol{flex:1}
.stycol--txt{max-width:580px}
.stycol h2{font-size:42px;line-height:1.2;color:#1a1a1a;margin:0 0 28px;position:relative;padding-left:24px}
.stycol h2::before{content:'';position:absolute;left:0;top:8px;width:8px;height:80%;background:linear-gradient(180deg,#01F0FD 0%,#9EFCAC 100%);border-radius:4px}
.stycol p{font-size:18px;line-height:1.7;color:#3d3d3d;margin:0 0 18px}
.stycol p:last-child{margin-bottom:0}
.stycol strong{color:#1a1a1a;font-weight:600}
.vsgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.vscard{position:relative;border-radius:6px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:transform 280ms ease,box-shadow 280ms ease}
.vscard:hover{transform:translateY(-6px);box-shadow:0 8px 24px #00000024}
.vscard img{width:100%;height:220px;object-fit:cover;display:block}
.vscard--tall{grid-row:span 2}
.vscard--tall img{height:460px}
.teamblk{padding:100px 20px;background:linear-gradient(135deg,#F5F5F5 0%,#fff 100%)}
.tmwrap{max-width:1200px;margin:0 auto}
.tmwrap h2{font-size:38px;line-height:1.2;color:#1a1a1a;margin:0 0 50px;text-align:center}
.tmwrap h2::after{content:'';display:block;width:100px;height:4px;background:linear-gradient(90deg,#01F0FD 0%,#9EFCAC 100%);margin:20px auto 0;border-radius:2px}
.tmlayout{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.tmcard{background:#fff;border-radius:8px;padding:32px;box-shadow:0 6px 18px #0000001a;display:flex;gap:28px;align-items:flex-start;transition:box-shadow 320ms ease}
.tmcard:hover{box-shadow:0 10px 32px #00000026}
.tmimg{flex-shrink:0;width:120px;height:120px;border-radius:50%;overflow:hidden;border:4px solid #01F0FD}
.tmimg img{width:100%;height:100%;object-fit:cover}
.tminfo h3{font-size:24px;color:#1a1a1a;margin:0 0 8px;font-weight:600}
.tmrole{font-size:16px;color:#01F0FD;margin:0 0 16px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}
.tminfo p{font-size:16px;line-height:1.6;color:#4d4d4d;margin:0}
@media (max-width: 1366px) {
.imglay{width:320px;height:360px}
.hdcnt h1{font-size:48px}
}
@media (max-width: 768px) {
.pagehead{padding:60px 20px 80px}
.hdcnt h1{font-size:36px}
.hdcnt p{font-size:18px}
.imglay{position:static;transform:none;width:100%;height:300px;margin-top:40px}
.storyblk{padding:60px 20px}
.stywrap{flex-direction:column;gap:40px}
.stycol h2{font-size:32px}
.stycol p{font-size:16px}
.vsgrid{grid-template-columns:1fr}
.vscard--tall{grid-row:span 1}
.vscard--tall img{height:220px}
.teamblk{padding:60px 20px}
.tmwrap h2{font-size:32px;margin-bottom:40px}
.tmlayout{grid-template-columns:1fr;gap:30px}
.tmcard{flex-direction:column;align-items:center;text-align:center}
}
@media (max-width: 375px) {
.hdcnt h1{font-size:30px}
.hdcnt p{font-size:16px}
.stycol h2{font-size:28px}
.tmwrap h2{font-size:28px}
.tmcard{padding:24px}
}
.learnhero{background:linear-gradient(220deg,#01F0FD 0%,#9EFCAC 50%,#F5F5F5 100%);padding:120px 20px 100px;position:relative;overflow:hidden}
.learnhero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,#00000005 2px,#00000005 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,#00000005 2px,#00000005 4px);pointer-events:none;opacity:.6}
.learnhero .herocontainer{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.learnhero .herotext{max-width:680px;margin-bottom:80px}
.learnhero .herotext h1{font-size:56px;line-height:1.15;color:#1a1a1a;margin:0 0 36px;font-weight:700;letter-spacing:-.5px}
.learnhero .herotext .leadpara{font-size:19px;line-height:1.7;color:#2d2d2d;margin:0}
.learnhero .heroimgwrap{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:900px;margin:0 auto}
.learnhero .imgbox{position:relative;overflow:hidden;border-radius:8px;box-shadow:0 8px 24px #0000001f;background:#fff}
.learnhero .imgbox img{width:100%;height:340px;object-fit:cover;display:block;transition:transform 350ms}
.learnhero .imgbox:hover img{transform:scale(1.05)}
.coreprogram{padding:100px 20px;background:#fff}
.coreprogram .progcontainer{max-width:1200px;margin:0 auto}
.coreprogram .sectionhead{text-align:center;margin-bottom:70px}
.coreprogram .sectionhead h2{font-size:42px;color:#1a1a1a;margin:0 0 20px;font-weight:700}
.coreprogram .sectionhead .subtxt{font-size:18px;line-height:1.6;color:#4a4a4a;max-width:720px;margin:0 auto}
.coreprogram .modulegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.coreprogram .modcard{background:linear-gradient(135deg,#F5F5F5 0%,#fff 100%);border:2px solid #e8e8e8;border-radius:10px;padding:40px 32px;transition:all 320ms;position:relative}
.coreprogram .modcard::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#01F0FD 0%,#9EFCAC 100%);transition:height 320ms;border-radius:10px 0 0 10px}
.coreprogram .modcard:hover{transform:translateY(-6px);box-shadow:0 12px 32px #01f0fd26;border-color:#01F0FD}
.coreprogram .modcard:hover::before{height:100%}
.coreprogram .modcard .modnum{display:inline-block;width:48px;height:48px;background:linear-gradient(135deg,#01F0FD 0%,#9EFCAC 100%);border-radius:50%;text-align:center;line-height:48px;font-size:20px;font-weight:700;color:#1a1a1a;margin-bottom:24px}
.coreprogram .modcard h3{font-size:24px;color:#1a1a1a;margin:0 0 16px;font-weight:600}
.coreprogram .modcard .moddesc{font-size:16px;line-height:1.65;color:#555;margin:0 0 20px}
.coreprogram .modcard .topiclist{list-style:none;padding:0;margin:0}
.coreprogram .modcard .topiclist li{font-size:15px;color:#666;padding:8px 0 8px 28px;position:relative}
.coreprogram .modcard .topiclist li::before{content:'';position:absolute;left:0;top:14px;width:16px;height:16px;background:#9EFCAC;border-radius:3px}
.instructorpath{padding:110px 20px;background:linear-gradient(145deg,#F5F5F5 0%,#fff 50%,#F5F5F5 100%);position:relative}
.instructorpath::after{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:80%;height:1px;background:linear-gradient(90deg,transparent 0%,#9EFCAC 50%,transparent 100%)}
.instructorpath .pathcontainer{max-width:1200px;margin:0 auto;display:flex;gap:60px;align-items:center}
.instructorpath .pathtext{flex:1}
.instructorpath .pathtext h2{font-size:38px;color:#1a1a1a;margin:0 0 28px;font-weight:700;line-height:1.25}
.instructorpath .pathtext .intropara{font-size:17px;line-height:1.7;color:#3d3d3d;margin:0 0 36px}
.instructorpath .timeline{position:relative;padding-left:44px}
.instructorpath .timeline::before{content:'';position:absolute;left:8px;top:12px;bottom:12px;width:3px;background:linear-gradient(180deg,#01F0FD 0%,#9EFCAC 100%)}
.instructorpath .timelineitem{position:relative;margin-bottom:32px}
.instructorpath .timelineitem:last-child{margin-bottom:0}
.instructorpath .timelineitem::before{content:'';position:absolute;left:-36px;top:6px;width:12px;height:12px;background:#01F0FD;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #01F0FD}
.instructorpath .timelineitem h4{font-size:19px;color:#1a1a1a;margin:0 0 8px;font-weight:600}
.instructorpath .timelineitem p{font-size:15px;line-height:1.6;color:#5a5a5a;margin:0}
.instructorpath .pathprofiles{flex:0 0 420px;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.instructorpath .profcard{background:#fff;border-radius:8px;padding:24px;box-shadow:0 6px 20px #00000014;text-align:center;transition:transform 300ms}
.instructorpath .profcard:hover{transform:translateY(-8px)}
.instructorpath .profcard img{width:100%;height:180px;object-fit:cover;border-radius:6px;margin-bottom:16px}
.instructorpath .profcard h5{font-size:18px;color:#1a1a1a;margin:0 0 6px;font-weight:600}
.instructorpath .profcard .role{font-size:14px;color:#01F0FD;margin:0;font-weight:500}
@media (max-width: 1366px) {
.learnhero .herotext h1{font-size:48px}
.coreprogram .sectionhead h2{font-size:38px}
}
@media (max-width: 768px) {
.learnhero{padding:80px 20px 60px}
.learnhero .herotext{margin-bottom:50px}
.learnhero .herotext h1{font-size:36px}
.learnhero .herotext .leadpara{font-size:17px}
.learnhero .heroimgwrap{grid-template-columns:1fr;gap:20px}
.learnhero .imgbox img{height:260px}
.coreprogram{padding:70px 20px}
.coreprogram .sectionhead{margin-bottom:50px}
.coreprogram .sectionhead h2{font-size:32px}
.coreprogram .modulegrid{grid-template-columns:1fr;gap:24px}
.instructorpath{padding:70px 20px}
.instructorpath .pathcontainer{flex-direction:column;gap:50px}
.instructorpath .pathtext h2{font-size:32px}
.instructorpath .pathprofiles{flex:1;width:100%;max-width:500px}
}
@media (max-width: 375px) {
.learnhero .herotext h1{font-size:30px}
.coreprogram .sectionhead h2{font-size:28px}
.instructorpath .pathtext h2{font-size:28px}
.instructorpath .pathprofiles{grid-template-columns:1fr}
}
.heroframe{background:linear-gradient(220deg,#01F0FD 0%,#9EFCAC 50%,#F5F5F5 100%);padding:80px 20px;position:relative;overflow:hidden}
.heroframe::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:#ffffff14;border-radius:50%;animation:floatshape 18s ease-in-out infinite}
@keyframes floatshape {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(-30px,40px) scale(1.1)}
}
.heroframe .centerwrap{max-width:1200px;margin:0 auto;position:relative;z-index:2;display:flex;align-items:center;gap:60px}
.heroframe .txtside{flex:1}
.heroframe .mainhdg{font-size:52px;line-height:1.15;color:#1a1a1a;margin:0 0 32px;font-weight:700}
.heroframe .imgside{flex:1;position:relative}
.heroframe .imgside img{width:100%;height:480px;object-fit:cover;border-radius:8px;box-shadow:0 12px 28px #00000026;filter:saturate(1.05) brightness(1.02)}
.heroframe .actionbt{display:inline-block;background:#1a1a1a;color:#fff;padding:16px 42px;text-decoration:none;border-radius:6px;font-size:17px;font-weight:600;transition:all 280ms ease;box-shadow:0 4px 12px #0000002e;position:relative;z-index:10}
.heroframe .actionbt:hover{background:#2d2d2d;transform:translateY(-2px);box-shadow:0 8px 20px #00000040}
.mechaniczone{padding:90px 20px;background:#fafafa}
.mechaniczone .wrapbox{max-width:1200px;margin:0 auto}
.mechaniczone .sectionlabel{font-size:38px;line-height:1.25;color:#1a1a1a;margin:0 0 48px;font-weight:700;text-align:center}
.mechaniczone .gridlayout{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.mechaniczone .mechcard{background:#fff;padding:36px 28px;border-radius:8px;box-shadow:0 2px 8px #0000000f;transition:all 320ms ease;border-left:4px solid transparent}
.mechaniczone .mechcard:nth-child(1){border-left-color:#01F0FD}
.mechaniczone .mechcard:nth-child(2){border-left-color:#9EFCAC}
.mechaniczone .mechcard:nth-child(3){border-left-color:#01F0FD}
.mechaniczone .mechcard:hover{transform:translateY(-6px);box-shadow:0 10px 24px #0000001f}
.mechaniczone .mechcard .cardicon{width:56px;height:56px;margin-bottom:20px}
.mechaniczone .mechcard .cardicon svg{width:100%;height:100%}
.mechaniczone .mechcard .cardtitle{font-size:22px;color:#1a1a1a;margin:0 0 14px;font-weight:600}
.mechaniczone .mechcard .carddesc{font-size:15px;line-height:1.65;color:#4a4a4a;margin:0}
.pathsection{padding:90px 20px;background:#fff}
.pathsection .container-2{max-width:1200px;margin:0 auto}
.pathsection .hdgtitle{font-size:38px;color:#1a1a1a;margin:0 0 52px;font-weight:700;text-align:center}
.pathsection .splitlay{display:flex;gap:50px;align-items:flex-start}
.pathsection .visualpart{flex:0 0 480px}
.pathsection .visualpart img{width:100%;height:520px;object-fit:cover;border-radius:8px;box-shadow:0 6px 18px #0000001a}
.pathsection .contentpart{flex:1}
.pathsection .stepitem{margin-bottom:42px;position:relative;padding-left:68px}
.pathsection .stepitem::before{content:'';position:absolute;left:18px;top:32px;width:2px;height:calc(100% + 10px);background:linear-gradient(180deg,#01F0FD 0%,#9EFCAC 100%)}
.pathsection .stepitem:last-child::before{display:none}
.pathsection .stepnum{position:absolute;left:0;top:0;width:38px;height:38px;background:linear-gradient(135deg,#01F0FD 0%,#9EFCAC 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#1a1a1a;box-shadow:0 3px 10px #01f0fd4d}
.pathsection .steptitle{font-size:24px;color:#1a1a1a;margin:0 0 12px;font-weight:600}
.pathsection .steptxt{font-size:15px;line-height:1.7;color:#4a4a4a;margin:0}
.testimsection{padding:90px 20px;background:linear-gradient(180deg,#fafafa 0%,#fff 100%)}
.testimsection .innerwrap{max-width:1200px;margin:0 auto}
.testimsection .header-3{font-size:38px;color:#1a1a1a;margin:0 0 56px;font-weight:700;text-align:center}
.testimsection .testimgrid{display:grid;grid-template-columns:1fr 1fr;gap:38px}
.testimsection .testimbox{background:#fff;padding:32px;border-radius:8px;box-shadow:0 4px 14px #00000014;position:relative}
.testimsection .testimbox::after{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#01F0FD 0%,#9EFCAC 100%);border-radius:8px 8px 0 0}
.testimsection .quotetxt{font-size:16px;line-height:1.75;color:#2d2d2d;margin:0 0 24px;font-style:italic}
.testimsection .authorbox{display:flex;align-items:center;gap:16px}
.testimsection .authorimg{width:52px;height:52px;border-radius:50%;object-fit:cover}
.testimsection .authorinfo .authornm{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 4px}
.testimsection .authorinfo .authorrole{font-size:14px;color:#6a6a6a;margin:0}
.testimsection .emptycard{background:linear-gradient(135deg,#01f0fd14 0%,#9efcac14 100%);padding:42px 32px;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:2px dashed #01f0fd4d}
.testimsection .emptycard .placeholdericon{width:72px;height:72px;margin-bottom:18px}
.testimsection .emptycard .placeholdericon svg{width:100%;height:100%}
.testimsection .emptycard .placeholdertxt{font-size:17px;color:#4a4a4a;margin:0}
.ctazone{padding:70px 20px;background:linear-gradient(220deg,#01F0FD 0%,#9EFCAC 50%,#F5F5F5 100%)}
.ctazone .ctawrapper{max-width:1200px;margin:0 auto;text-align:center}
.ctazone .ctatitle{font-size:42px;color:#1a1a1a;margin:0 0 22px;font-weight:700}
.ctazone .ctasubtxt{font-size:18px;line-height:1.6;color:#2d2d2d;margin:0 0 36px;max-width:680px;margin-left:auto;margin-right:auto}
.ctazone .ctabutton{display:inline-block;background:#1a1a1a;color:#fff;padding:18px 48px;text-decoration:none;border-radius:6px;font-size:17px;font-weight:600;transition:all 300ms ease;box-shadow:0 6px 16px #0003;position:relative;z-index:10}
.ctazone .ctabutton:hover{background:#2d2d2d;transform:translateY(-3px);box-shadow:0 10px 24px #00000047}
@media (max-width: 1366px) {
.heroframe .centerwrap{gap:40px}
.heroframe .mainhdg{font-size:46px}
.mechaniczone .gridlayout{gap:26px}
.pathsection .splitlay{gap:40px}
}
@media (max-width: 768px) {
.heroframe{padding:60px 20px}
.heroframe .centerwrap{flex-direction:column;gap:32px}
.heroframe .mainhdg{font-size:36px;text-align:center}
.heroframe .imgside img{height:320px}
.heroframe .actionbt{display:block;text-align:center}
.mechaniczone{padding:60px 20px}
.mechaniczone .sectionlabel{font-size:32px}
.mechaniczone .gridlayout{grid-template-columns:1fr;gap:24px}
.pathsection{padding:60px 20px}
.pathsection .hdgtitle{font-size:32px}
.pathsection .splitlay{flex-direction:column-reverse;gap:32px}
.pathsection .visualpart{flex:1}
.pathsection .visualpart img{height:380px}
.testimsection{padding:60px 20px}
.testimsection .header-3{font-size:32px}
.testimsection .testimgrid{grid-template-columns:1fr;gap:24px}
.ctazone{padding:50px 20px}
.ctazone .ctatitle{font-size:32px}
.ctazone .ctasubtxt{font-size:16px}
}
@media (max-width: 375px) {
.heroframe .mainhdg{font-size:28px}
.mechaniczone .sectionlabel{font-size:26px}
.pathsection .hdgtitle{font-size:26px}
.pathsection .stepitem{padding-left:54px}
.testimsection .header-3{font-size:26px}
.ctazone .ctatitle{font-size:26px}
}
.cntct{max-width:1200px;margin:0 auto;padding:0 20px}
.herobar{position:relative;display:grid;grid-template-columns:280px 1fr 280px;gap:40px;align-items:center;padding:80px 0;overflow:hidden}
.herobar::before{content:"";position:absolute;top:-50%;left:-30%;width:160%;height:200%;background:linear-gradient(135deg,#01f0fd14 0%,#9efcac14 50%,#f5f5f50d 100%);transform:rotate(-8deg);z-index:-1}
.herobar .sideimg{position:relative;width:100%;height:320px;border-radius:8px;overflow:hidden}
.herobar .sideimg img{width:100%;height:100%;object-fit:cover;filter:saturate(0.7) brightness(0.85)}
.herobar .sideimg::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#01f0fd40,#9efcac40);mix-blend-mode:multiply}
.herobar .titlecontent{text-align:center;padding:0 20px}
.herobar .titlecontent h1{font-size:52px;line-height:1.2;color:#1a1a1a;margin:0 0 20px;font-weight:700}
.herobar .titlecontent h1 span{display:block;margin-top:8px}
.herobar .titlecontent p{font-size:18px;line-height:1.6;color:#4a4a4a;margin:0}
.infozone{background:linear-gradient(180deg,#f9f9f9 0%,#fff 100%);padding:80px 0}
.infozone .cntct{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.detailblock h2{font-size:36px;color:#1a1a1a;margin:0 0 30px;font-weight:700}
.detailitem{display:flex;align-items:flex-start;margin-bottom:32px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000a;transition:all 300ms ease}
.detailitem:hover{box-shadow:0 6px 16px #00000014;transform:translateY(-2px)}
.detailitem .iconwrap{width:48px;height:48px;background:linear-gradient(135deg,#01F0FD 0%,#9EFCAC 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:20px}
.detailitem .iconwrap i{font-size:24px;color:#fff}
.detailitem .txt h3{font-size:18px;color:#1a1a1a;margin:0 0 6px;font-weight:600}
.detailitem .txt p{font-size:15px;line-height:1.6;color:#4a4a4a;margin:0}
.detailitem .txt a{color:#01F0FD;text-decoration:none;transition:color 250ms ease}
.detailitem .txt a:hover{color:#00c4cf}
.formwrapper{background:#fff;padding:40px;border-radius:10px;box-shadow:0 8px 24px #00000014}
.formwrapper h2{font-size:32px;color:#1a1a1a;margin:0 0 12px;font-weight:700}
.formwrapper .subtitle{font-size:16px;color:#666;margin:0 0 32px;line-height:1.5}
.frmfield{margin-bottom:24px}
.frmfield label{display:block;font-size:15px;color:#333;margin-bottom:8px;font-weight:500}
.frmfield input[type="text"],.frmfield input[type="tel"]{width:100%;padding:14px 16px;font-size:15px;border:2px solid #e0e0e0;border-radius:6px;transition:border-color 300ms ease,box-shadow 300ms ease;background:#fafafa}
.frmfield input[type="text"]:focus,.frmfield input[type="tel"]:focus{outline:none;border-color:#01F0FD;box-shadow:0 0 0 3px #01f0fd1a;background:#fff}
.timeselect{margin-bottom:28px}
.timeselect p{font-size:15px;color:#333;margin:0 0 12px;font-weight:500}
.radiogrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.radiooption{position:relative}
.radiooption input[type="radio"]{position:absolute;opacity:0;width:0;height:0}
.radiooption label{display:block;padding:12px 16px;text-align:center;font-size:14px;color:#666;background:#f5f5f5;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all 280ms ease}
.radiooption input[type="radio"]:checked + label{background:linear-gradient(135deg,#01F0FD 0%,#9EFCAC 100%);border-color:#01F0FD;color:#fff;font-weight:600}
.radiooption label:hover{border-color:#01F0FD}
.privacybox{margin:28px 0;padding:16px;background:#f9f9f9;border-radius:6px}
.privacybox label{display:flex;align-items:flex-start;cursor:pointer;font-size:14px;line-height:1.5;color:#555}
.privacybox input[type="checkbox"]{margin-right:10px;margin-top:2px;width:18px;height:18px;cursor:pointer;flex-shrink:0}
.privacybox a{color:#01F0FD;text-decoration:none;font-weight:500}
.privacybox a:hover{text-decoration:underline}
.submitarea{margin-top:32px}
.btnsend{width:100%;padding:16px 32px;font-size:17px;font-weight:600;color:#fff;background:linear-gradient(135deg,#01F0FD 0%,#9EFCAC 100%);border:none;border-radius:8px;cursor:pointer;transition:all 320ms ease;box-shadow:0 4px 12px #01f0fd4d;position:relative;z-index:10}
.btnsend:hover{transform:translateY(-3px);box-shadow:0 8px 20px #01f0fd66}
.btnsend:active{transform:translateY(-1px)}
.directreach{background:linear-gradient(180deg,#fff 0%,#f5f5f5 100%);padding:80px 0}
.directreach .cntct{text-align:center}
.directreach h2{font-size:40px;color:#1a1a1a;margin:0 0 20px;font-weight:700}
.directreach .intro{font-size:17px;line-height:1.6;color:#555;max-width:700px;margin:0 auto 48px}
.channelsgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;max-width:800px;margin:0 auto}
.channelcard{background:#fff;padding:36px 28px;border-radius:10px;box-shadow:0 4px 12px #0000000f;transition:all 300ms ease;text-align:center}
.channelcard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}
.channelcard .icn{width:64px;height:64px;background:linear-gradient(135deg,#01F0FD 0%,#9EFCAC 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}
.channelcard .icn i{font-size:32px;color:#fff}
.channelcard h3{font-size:22px;color:#1a1a1a;margin:0 0 12px;font-weight:600}
.channelcard p{font-size:15px;line-height:1.5;color:#666;margin:0 0 20px}
.channelcard a{display:inline-block;padding:12px 28px;font-size:15px;font-weight:600;color:#fff;background:linear-gradient(135deg,#01F0FD 0%,#9EFCAC 100%);border-radius:6px;text-decoration:none;transition:all 280ms ease}
.channelcard a:hover{transform:scale(1.05);box-shadow:0 4px 12px #01f0fd4d}
.hoursinfo{background:#fff;padding:70px 0}
.hoursinfo .cntct{max-width:900px;text-align:center}
.hoursinfo h2{font-size:36px;color:#1a1a1a;margin:0 0 16px;font-weight:700}
.hoursinfo .desc{font-size:16px;line-height:1.6;color:#666;margin:0 0 40px}
.hoursgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:700px;margin:0 auto}
.dayitem{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#f9f9f9;border-radius:8px;border-left:4px solid #01F0FD}
.dayitem .daytitle{font-size:16px;font-weight:600;color:#333}
.dayitem .timing{font-size:15px;color:#666}
.maparea{background:linear-gradient(180deg,#f5f5f5 0%,#fff 100%);padding:80px 0}
.maparea .cntct{text-align:center}
.maparea h2{font-size:38px;color:#1a1a1a;margin:0 0 16px;font-weight:700}
.maparea .locationtxt{font-size:17px;line-height:1.6;color:#555;margin:0 0 32px}
.addressblock{background:#fff;padding:40px;border-radius:10px;box-shadow:0 6px 20px #00000014;max-width:600px;margin:0 auto;display:flex;align-items:flex-start}
.addressblock .iconside{width:56px;height:56px;background:linear-gradient(135deg,#01F0FD 0%,#9EFCAC 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:24px}
.addressblock .iconside i{font-size:28px;color:#fff}
.addressblock .addrtxt{text-align:left}
.addressblock .addrtxt h3{font-size:20px;color:#1a1a1a;margin:0 0 10px;font-weight:600}
.addressblock .addrtxt p{font-size:16px;line-height:1.6;color:#555;margin:0}
@media (max-width: 1366px) {
.herobar{grid-template-columns:240px 1fr 240px;gap:30px;padding:60px 0}
.herobar .sideimg{height:280px}
.herobar .titlecontent h1{font-size:44px}
}
@media (max-width: 768px) {
.herobar{grid-template-columns:1fr;gap:20px;padding:50px 0}
.herobar .sideimg{height:220px}
.herobar .titlecontent h1{font-size:36px}
.herobar .titlecontent p{font-size:16px}
.infozone .cntct{grid-template-columns:1fr;gap:40px}
.detailblock h2{font-size:30px}
.formwrapper{padding:30px 20px}
.formwrapper h2{font-size:28px}
.radiogrid{grid-template-columns:1fr}
.channelsgrid{grid-template-columns:1fr}
.hoursgrid{grid-template-columns:1fr}
.addressblock{flex-direction:column;text-align:center}
.addressblock .iconside{margin:0 auto 20px}
.addressblock .addrtxt{text-align:center}
}
@media (max-width: 375px) {
.herobar .titlecontent h1{font-size:30px}
.detailblock h2{font-size:26px}
.formwrapper h2{font-size:24px}
.directreach h2{font-size:32px}
.channelcard{padding:28px 20px}
}
.successwrap{min-height:85vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(135deg,#F5F5F5 0%,#01f0fd14 50%,#9efcac1f 100%);position:relative;overflow:hidden}
.successwrap::before{content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle,#01f0fd26,transparent 70%);border-radius:50%;top:-100px;right:-100px;animation:floatbubble 8s ease-in-out infinite}
.successwrap::after{content:'';position:absolute;width:300px;height:300px;background:radial-gradient(circle,#9efcac1f,transparent 70%);border-radius:50%;bottom:-80px;left:-80px;animation:floatbubble 10s ease-in-out infinite reverse}
@keyframes floatbubble {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(30px,-30px) scale(1.1)}
}
.successcontainer{max-width:1200px;width:100%;margin:0 auto;position:relative;z-index:2}
.successgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:#fff;border-radius:8px;box-shadow:0 8px 24px #0000000f;overflow:hidden}
.successtxt{padding:60px 50px}
.successicon{width:80px;height:80px;margin-bottom:30px;background:linear-gradient(135deg,#01F0FD 0%,#9EFCAC 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #01f0fd40}
.successicon svg{width:42px;height:42px;fill:#fff}
.successhdng{font-size:42px;font-weight:700;color:#1a1a1a;margin-bottom:20px;line-height:1.2}
.successhdng::after{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,#01F0FD,#9EFCAC);margin-top:16px;border-radius:2px}
.successpara{font-size:17px;line-height:1.7;color:#4a4a4a;margin-bottom:35px}
.successbtnset{display:flex;gap:16px;flex-wrap:wrap}
.btnprim{padding:14px 32px;background:linear-gradient(135deg,#01F0FD,#9EFCAC);color:#1a1a1a;font-size:16px;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:transform 280ms,box-shadow 280ms;text-decoration:none;display:inline-block;box-shadow:0 4px 12px #01f0fd33;position:relative;z-index:10}
.btnprim:hover{transform:translateY(-2px);box-shadow:0 8px 20px #01f0fd4d}
.btnsec{padding:14px 32px;background:transparent;color:#1a1a1a;font-size:16px;font-weight:600;border:2px solid #01F0FD;border-radius:6px;cursor:pointer;transition:background 280ms,color 280ms,transform 280ms;text-decoration:none;display:inline-block;position:relative;z-index:10}
.btnsec:hover{background:#01F0FD;color:#fff;transform:translateY(-2px)}
.successvisual{height:100%;background:linear-gradient(220deg,#01F0FD 0%,#9EFCAC 50%,#F5F5F5 100%);position:relative;display:flex;align-items:center;justify-content:center;padding:60px 40px}
.visualshape{width:280px;height:280px;position:relative}
.visualshape svg{width:100%;height:100%;filter:drop-shadow(0 12px 28px #00000026);animation:rotateshape 20s linear infinite}
@keyframes rotateshape {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.visualdot{position:absolute;width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 2px 8px #00000026}
.visualdot:nth-child(1){top:15%;left:20%;animation:floatdot 4s ease-in-out infinite}
.visualdot:nth-child(2){top:60%;right:15%;animation:floatdot 5s ease-in-out infinite reverse}
.visualdot:nth-child(3){bottom:20%;left:25%;animation:floatdot 6s ease-in-out infinite}
@keyframes floatdot {
0%,100%{transform:translateY(0)}
50%{transform:translateY(-20px)}
}
@media (max-width: 768px) {
.successgrid{grid-template-columns:1fr;gap:0}
.successtxt{padding:40px 30px;order:2}
.successvisual{order:1;min-height:320px;padding:40px 30px}
.successhdng{font-size:32px}
.visualshape{width:220px;height:220px}
.successbtnset{flex-direction:column}
.btnprim,.btnsec{width:100%;text-align:center}
}
@media (max-width: 375px) {
.successwrap{padding:20px 15px}
.successtxt{padding:30px 20px}
.successhdng{font-size:28px}
.successicon{width:65px;height:65px}
.successicon svg{width:34px;height:34px}
.visualshape{width:180px;height:180px}
}