*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'PT Serif',serif;background:#FFF4F4;color:#191029;display:flex;flex-direction:column;min-height:100vh;line-height:1.6}
main{flex:1}
.headerwrap{max-width:1140px;margin:0 auto;padding:25px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#191029 0%,#FFBBF9 50%,#FFF4F4 100%);border-radius:0 0 30px 30px;box-shadow:0 8px 20px #ffbbf94d}
.headerwrap .brandarea{display:flex;align-items:center;gap:15px}
.headerwrap .logobox{width:80px;height:80px;background:#FFF4F4;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #19102933}
.headerwrap .logobox .logoimg{width:60px;height:60px;object-fit:contain}
.headerwrap .companyinfo .companyname{font-size:26px;font-weight:700;color:#FFF4F4;letter-spacing:.5px}
.headerwrap .companyinfo .tagline{font-size:14px;color:#FFF4F4;opacity:.9;font-style:italic}
.headerwrap .mainnav{display:flex;gap:30px;align-items:center;flex:1;justify-content:center}
.headerwrap .mainnav .navitem{color:#FFF4F4;text-decoration:none;font-size:16px;font-weight:400;padding:8px 0;position:relative;transition:color .3s ease-in-out}
.headerwrap .mainnav .navitem:hover{color:#FFBBF9}
.headerwrap .mainnav .submenuparent{position:relative}
.headerwrap .mainnav .submenutrigger{cursor:pointer;color:#FFF4F4;font-size:16px}
.headerwrap .mainnav .submenulist{position:absolute;top:100%;left:0;background:#191029;padding:15px;border-radius:20px;box-shadow:0 6px 16px #19102966;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;min-width:180px;margin-top:10px}
.headerwrap .mainnav .submenuparent:hover .submenulist{opacity:1;visibility:visible}
.headerwrap .mainnav .submenulink{display:block;color:#FFF4F4;text-decoration:none;padding:8px 12px;border-radius:10px;transition:background .3s ease-in-out}
.headerwrap .mainnav .submenulink:hover{background:#FFBBF9;color:#191029}
.headerwrap .contactarea{display:flex;flex-direction:column;gap:8px}
.headerwrap .contactarea .contactitem{display:flex;align-items:center;gap:8px;color:#FFF4F4;font-size:14px}
.headerwrap .contactarea .contactitem i{font-size:18px}
@media (max-width: 1024px) {
.headerwrap{flex-direction:column;text-align:center}
.headerwrap .mainnav{flex-wrap:wrap;justify-content:center}
.headerwrap .contactarea{align-items:center}
}
@media (max-width: 768px) {
.headerwrap .mainnav{flex-direction:column;gap:15px}
.headerwrap .logobox{width:70px;height:70px}
.headerwrap .logobox .logoimg{width:50px;height:50px}
.headerwrap .companyinfo .companyname{font-size:22px}
}
.footercontainer{max-width:1140px;margin:0 auto;padding:50px 20px 30px;background:linear-gradient(180deg,#191029 0%,#FFBBF9 100%);border-radius:30px 30px 0 0;color:#FFF4F4}
.footercontainer .footertop{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;margin-bottom:40px}
.footercontainer .footerbrand{max-width:350px}
.footercontainer .footerlogo{width:60px;height:60px;background:#FFF4F4;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:15px}
.footercontainer .footerlogo img{width:45px;height:45px;object-fit:contain}
.footercontainer .footercompany{font-size:22px;font-weight:700;margin-bottom:10px}
.footercontainer .footerdesc{font-size:14px;line-height:1.7;opacity:.9}
.footercontainer .footerheading{font-size:18px;font-weight:700;margin-bottom:15px}
.footercontainer .contactdetails p{margin-bottom:8px;font-size:14px}
.footercontainer .contactdetails i{margin-right:6px}
.footercontainer .footernav{display:flex;flex-direction:column;gap:10px}
.footercontainer .footernav a{color:#FFF4F4;text-decoration:none;font-size:14px;transition:color .3s ease-in-out}
.footercontainer .footernav a:hover{color:#FFBBF9}
.footercontainer .footerbottom{border-top:1px solid #fff4f433;padding-top:20px;text-align:center}
.footercontainer .footerbottom .copyright{font-size:13px;opacity:.8}
@media (max-width: 768px) {
.footercontainer .footertop{flex-direction:column;gap:30px}
}
.cookiepopup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) translateY(-100vh);background:#FFF4F4;border-radius:30px;box-shadow:0 12px 40px #19102980;padding:35px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;z-index:10000;transition:transform .5s ease-in-out}
.cookiepopup[data-visible="true"]{transform:translate(-50%,-50%) translateY(0)}
.cookiepopup .cookietitle{font-size:24px;color:#191029;margin-bottom:15px;font-weight:700}
.cookiepopup .cookiedesc{font-size:15px;color:#191029;margin-bottom:25px;line-height:1.6}
.cookiepopup .policylink{color:#FFBBF9;text-decoration:underline}
.cookiepopup .cookieoptions{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}
.cookiepopup .cookieoption{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px}
.cookiepopup .cookiecheck{width:20px;height:20px;cursor:pointer}
.cookiepopup .cookieactions{display:flex;gap:12px;flex-wrap:wrap}
.cookiepopup .cookiebtn{flex:1;padding:12px 20px;border:none;border-radius:50px;font-size:15px;font-weight:700;cursor:pointer;transition:background .3s ease-in-out,transform .2s ease-in-out;font-family:'PT Serif',serif}
.cookiepopup .acceptbtn{background:linear-gradient(135deg,#191029,#FFBBF9);color:#FFF4F4}
.cookiepopup .acceptbtn:hover{transform:scale(1.05)}
.cookiepopup .declinebtn{background:#FFF4F4;color:#191029;border:2px solid #191029}
.cookiepopup .declinebtn:hover{background:#191029;color:#FFF4F4}
.cookiepopup .savebtn{background:#FFBBF9;color:#191029}
.cookiepopup .savebtn:hover{transform:scale(1.05)}
.cookiesettingsbtn{position:fixed;bottom:30px;right:30px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#191029,#FFBBF9);border:none;color:#FFF4F4;font-size:24px;cursor:pointer;box-shadow:0 6px 20px #19102966;transition:transform .3s ease-in-out;z-index:9999}
.cookiesettingsbtn:hover{transform:scale(1.1)}
@media (max-width: 768px) {
.cookiepopup{padding:25px}
.cookiepopup .cookieactions{flex-direction:column}
.cookiesettingsbtn{bottom:20px;right:20px;width:50px;height:50px;font-size:20px}
}
.text-doc{max-width:1140px;margin:60px auto;padding:40px 20px;background:linear-gradient(135deg,#FFF4F4 0%,#fff 100%);border-radius:32px;box-shadow:0 8px 24px #19102914}
.text-doc h1{font-size:2.8rem;line-height:1.2;color:#191029;margin:0 0 40px;padding-bottom:24px;border-bottom:3px solid #FFBBF9;font-weight:700}
.text-doc h2{font-size:2rem;line-height:1.3;color:#191029;margin:48px 0 24px;font-weight:600}
.text-doc h3{font-size:1.5rem;line-height:1.4;color:#191029;margin:36px 0 20px;font-weight:600}
.text-doc h4{font-size:1.25rem;line-height:1.4;color:#191029;margin:28px 0 16px;font-weight:600}
.text-doc h5{font-size:1.1rem;line-height:1.5;color:#191029;margin:24px 0 14px;font-weight:600}
.text-doc h6{font-size:1rem;line-height:1.5;color:#191029;margin:20px 0 12px;font-weight:600}
.text-doc p{font-size:1.05rem;line-height:1.8;color:#3d3349;margin:0 0 20px}
.text-doc em,.text-doc i{font-style:italic;color:#191029}
.text-doc a{color:#191029;text-decoration:underline;text-decoration-color:#FFBBF9;text-decoration-thickness:2px;transition:all .3s ease-in-out}
.text-doc a:hover{color:#FFBBF9;text-decoration-color:#191029;background:#ffbbf91a;padding:2px 4px;border-radius:4px}
.text-doc table{width:100%;margin:32px 0;border-collapse:collapse;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 12px #1910290f}
.text-doc thead{background:linear-gradient(135deg,#191029 0%,#3d3349 100%)}
.text-doc thead tr{border:none}
.text-doc tbody tr{border-bottom:1px solid #f0e8f0;transition:background .3s ease-in-out}
.text-doc tbody tr:last-child{border-bottom:none}
.text-doc tbody tr:hover{background:#ffbbf914}
.text-doc th{padding:18px 20px;text-align:left;font-size:1rem;font-weight:600;color:#FFF4F4}
.text-doc td{padding:16px 20px;font-size:1rem;line-height:1.6;color:#3d3349}
.text-doc hr{border:none;height:2px;background:linear-gradient(90deg,transparent 0%,#FFBBF9 50%,transparent 100%);margin:48px 0}
.text-doc div{margin:24px 0}
@media (max-width: 1024px) {
.text-doc{margin:40px auto;padding:32px 18px;border-radius:24px}
.text-doc h1{font-size:2.2rem;margin-bottom:32px}
.text-doc h2{font-size:1.7rem;margin:40px 0 20px}
.text-doc h3{font-size:1.35rem}
}
@media (max-width: 768px) {
.text-doc{margin:24px auto;padding:24px 16px;border-radius:20px}
.text-doc h1{font-size:1.9rem;margin-bottom:28px;padding-bottom:20px}
.text-doc h2{font-size:1.5rem;margin:36px 0 18px}
.text-doc h3{font-size:1.25rem}
.text-doc h4{font-size:1.15rem}
.text-doc p{font-size:1rem;line-height:1.7}
.text-doc table{font-size:.95rem}
.text-doc th,.text-doc td{padding:12px 14px}
}
@media (max-width: 320px) {
.text-doc{padding:20px 12px;border-radius:16px}
.text-doc h1{font-size:1.6rem}
.text-doc h2{font-size:1.3rem}
.text-doc p{font-size:.95rem}
.text-doc th,.text-doc td{padding:10px 12px;font-size:.9rem}
}
.titlecontainer{max-width:1140px;margin:0 auto;padding:80px 20px;position:relative}
.titlegrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.titlecontent h1{font-size:3.2rem;line-height:1.1;margin:0 0 30px;color:#191029}
.titlecontent .accentline{color:#FFBBF9;display:block;margin-top:12px}
.titlecontent .description{font-size:1.15rem;line-height:1.7;color:#191029;margin:0}
.titlevisual{position:relative;transform:rotate(-4deg)}
.titlevisual img{width:100%;height:auto;border-radius:30px;box-shadow:12px 12px 30px #ffbbf94d;filter:contrast(1.1) saturate(0.95)}
.titlevisual::before{content:'';position:absolute;top:-15px;left:-15px;right:15px;bottom:15px;background:linear-gradient(135deg,#FFBBF9 0%,#FFF4F4 100%);border-radius:30px;z-index:-1;opacity:.5}
.titlevisual::after{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");border-radius:30px;pointer-events:none;mix-blend-mode:overlay}
.storycontainer{max-width:1140px;margin:100px auto;padding:0 20px}
.storysection{display:flex;gap:80px;align-items:flex-start}
.storyleft{flex:1.2}
.storyleft h2{font-size:2.4rem;margin:0 0 35px;color:#191029;position:relative;padding-left:22px}
.storyleft h2::before{content:'';position:absolute;left:0;top:8px;width:6px;height:85%;background:linear-gradient(180deg,#FFBBF9 0%,#FFF4F4 100%);border-radius:3px}
.storyleft .storyblock{margin-bottom:40px}
.storyleft .storyblock h3{font-size:1.5rem;color:#191029;margin:0 0 18px}
.storyleft .storyblock p{font-size:1.05rem;line-height:1.8;color:#191029;margin:0}
.storyright{flex:.8;position:sticky;top:40px}
.teamcard{background:linear-gradient(145deg,#FFF4F4 0%,#fff 100%);border-radius:25px;padding:35px;box-shadow:0 8px 25px #19102914}
.teamcard .profilewrap{margin-bottom:25px}
.teamcard img{width:100%;height:auto;border-radius:20px;box-shadow:0 6px 18px #ffbbf940}
.teamcard h4{font-size:1.4rem;margin:20px 0 8px;color:#191029}
.teamcard .role{font-size:.95rem;color:#FFBBF9;font-weight:600;margin-bottom:18px}
.teamcard p{font-size:.98rem;line-height:1.7;color:#191029;margin:0}
@media (max-width: 1024px) {
.titlegrid{gap:40px}
.titlecontent h1{font-size:2.6rem}
.storysection{gap:50px}
.storyleft h2{font-size:2rem}
}
@media (max-width: 768px) {
.titlecontainer{padding:50px 20px}
.titlegrid{grid-template-columns:1fr;gap:35px}
.titlecontent h1{font-size:2.2rem}
.titlevisual{transform:rotate(-2deg)}
.storysection{flex-direction:column;gap:50px}
.storyright{position:static;width:100%}
.storyleft h2{font-size:1.8rem}
}
@media (max-width: 480px) {
.titlecontainer{padding:40px 15px}
.titlecontent h1{font-size:1.9rem}
.titlecontent .description{font-size:1.05rem}
.storyleft h2{font-size:1.6rem}
.teamcard{padding:25px}
}
.topblock{position:relative;height:520px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:90px}
.topblock img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(0px);z-index:1}
.topblock::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#191029e0 0%,#ffbbf9b8 50%,#fff4f4a6 100%);z-index:2}
.topblock::after{content:'';position:absolute;top:50%;left:50%;width:600px;height:600px;background:radial-gradient(circle,#ffbbf926 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);z-index:3;animation:pulse 8s ease-in-out infinite}
@keyframes pulse {
0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.6}
50%{transform:translate(-50%,-50%) scale(1.15);opacity:.9}
}
.toptitle{position:relative;z-index:4;max-width:920px;text-align:center;padding:0 30px}
.toptitle h1{font-size:3.8rem;font-weight:700;color:#FFF4F4;margin:0;text-shadow:2px 4px 12px #19102966;line-height:1.2}
.mainwrap{max-width:1140px;margin:0 auto;padding:0 20px}
.reinforcesect{background:linear-gradient(219deg,#191029 0%,#FFBBF9 50%,#FFF4F4 100%);padding:110px 40px;border-radius:35px;margin-bottom:100px;box-shadow:0 8px 24px #ffbbf940}
.reinforcesect h2{font-size:2.6rem;font-weight:700;color:#FFF4F4;margin:0 0 60px;text-align:center}
.mechgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:50px;max-width:1000px;margin:0 auto}
.mechcard{background:#fff4f4eb;padding:42px 36px;border-radius:28px;border:2px solid #ffbbf966;transition:all .3s ease-in-out}
.mechcard:hover{transform:translateY(-8px);box-shadow:0 14px 32px #19102938;border-color:#FFBBF9}
.mechcard h3{font-size:1.6rem;font-weight:600;color:#191029;margin:0 0 18px;display:flex;align-items:center;gap:12px}
.mechcard h3::before{content:'';width:6px;height:6px;background:#FFBBF9;border-radius:50%;flex-shrink:0}
.mechcard p{font-size:1.05rem;line-height:1.7;color:#191029;margin:0}
.supportsect{padding:0 0 90px}
.supportwrap{max-width:1100px;margin:0 auto}
.supportsect h2{font-size:2.5rem;font-weight:700;color:#191029;margin:0 0 24px;text-align:center;position:relative;padding-bottom:20px}
.supportsect h2::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:120px;height:4px;background:linear-gradient(90deg,#FFBBF9 0%,#191029 100%);border-radius:2px}
.supportintro{font-size:1.15rem;line-height:1.75;color:#191029;max-width:820px;margin:0 auto 70px;text-align:center}
.helpboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:38px}
.helpitem{background:linear-gradient(135deg,#fff4f4cc 0%,#ffbbf926 100%);padding:46px 40px;border-radius:32px;border-left:5px solid #FFBBF9;position:relative;overflow:hidden}
.helpitem::before{content:'';position:absolute;top:-50%;right:-50%;width:200px;height:200px;background:radial-gradient(circle,#ffbbf933 0%,transparent 70%);border-radius:50%}
.helpitem h3{font-size:1.65rem;font-weight:600;color:#191029;margin:0 0 20px;position:relative;z-index:2}
.helpitem p{font-size:1.05rem;line-height:1.75;color:#191029;margin:0;position:relative;z-index:2}
.trustsect{background:#191029;padding:100px 40px;margin-bottom:0}
.trustcontent{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.trusttext h2{font-size:2.7rem;font-weight:700;color:#FFF4F4;margin:0 0 28px;line-height:1.25}
.trusttext p{font-size:1.08rem;line-height:1.8;color:#FFF4F4;margin:0 0 26px}
.trusttext p:last-of-type{margin-bottom:40px}
.trustbutton{display:inline-block;background:linear-gradient(135deg,#FFBBF9 0%,#FFF4F4 100%);color:#191029;text-decoration:none;padding:16px 42px;border-radius:28px;font-size:1.1rem;font-weight:600;transition:all .3s ease-in-out;box-shadow:0 6px 18px #ffbbf959;position:relative;z-index:10}
.trustbutton:hover{transform:translateY(-3px);box-shadow:0 10px 28px #ffbbf980}
.trustvisual{position:relative}
.trustimg{width:100%;height:480px;border-radius:30px;overflow:hidden;box-shadow:0 12px 36px #ffbbf92e}
.trustimg img{width:100%;height:100%;object-fit:cover}
.trustdeco{position:absolute;bottom:-30px;right:-30px;width:180px;height:180px;background:linear-gradient(135deg,#ffbbf94d 0%,#fff4f433 100%);border-radius:50%;z-index:-1}
@media (max-width: 1024px) {
.topblock{height:440px}
.toptitle h1{font-size:3rem}
.reinforcesect{padding:80px 30px}
.reinforcesect h2{font-size:2.2rem}
.mechgrid{grid-template-columns:1fr;gap:35px}
.helpboxes{grid-template-columns:1fr;gap:30px}
.trustcontent{grid-template-columns:1fr;gap:50px}
.trustvisual{order:-1}
}
@media (max-width: 768px) {
.topblock{height:360px;margin-bottom:60px}
.toptitle h1{font-size:2.2rem}
.reinforcesect{padding:60px 24px;margin-bottom:70px}
.reinforcesect h2{font-size:1.9rem;margin-bottom:40px}
.mechcard{padding:32px 28px}
.mechcard h3{font-size:1.4rem}
.supportsect{padding:0 0 60px}
.supportsect h2{font-size:2rem}
.supportintro{font-size:1.05rem;margin-bottom:50px}
.helpitem{padding:36px 28px}
.helpitem h3{font-size:1.45rem}
.trustsect{padding:70px 24px}
.trusttext h2{font-size:2.1rem}
.trustimg{height:380px}
.trustdeco{width:120px;height:120px;bottom:-20px;right:-20px}
}
.contactzone{max-width:1140px;margin:0 auto;padding:0 20px}
.pagetop{padding:100px 20px 80px;text-align:center;position:relative;overflow:hidden;background:linear-gradient(219deg,#191029 0%,#FFBBF9 50%,#FFF4F4 100%);margin-bottom:0}
.pagetop::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;z-index:1}
.pagetop .innercontent{position:relative;z-index:2;max-width:900px;margin:0 auto}
.pagetop h1{font-size:3.2rem;color:#FFF4F4;margin:0 0 24px;font-weight:700;line-height:1.2}
.pagetop .leadtext{font-size:1.2rem;color:#FFF4F4;margin:0 auto;max-width:680px;line-height:1.6;opacity:.95}
.parallaxwrap{margin-top:60px;position:relative;height:400px;overflow:hidden;border-radius:32px;box-shadow:0 12px 40px #1910294d}
.parallaxwrap img{width:100%;height:120%;object-fit:cover;transform:translateY(0);transition:transform .3s ease-out}
.parallaxwrap:hover img{transform:translateY(-10%)}
.maingrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:100px 20px;max-width:1140px;margin:0 auto}
.infoblock h2{font-size:2.4rem;color:#191029;margin:0 0 32px;font-weight:700;position:relative;padding-left:20px}
.infoblock h2::before{content:'';position:absolute;left:0;top:8px;width:6px;height:32px;background:linear-gradient(180deg,#FFBBF9 0%,#191029 100%);border-radius:4px}
.infoblock .subdesc{font-size:1.1rem;line-height:1.7;color:#191029;margin-bottom:48px;opacity:.85}
.contactmethod{margin-bottom:36px}
.contactmethod .labelhead{font-size:.9rem;text-transform:uppercase;letter-spacing:1.2px;color:#191029;opacity:.6;margin-bottom:10px;font-weight:600}
.contactmethod .datavalue{font-size:1.15rem;color:#191029;font-weight:500}
.contactmethod a{color:#191029;text-decoration:none;transition:color .2s ease-in-out}
.contactmethod a:hover{color:#FFBBF9}
.messapps{display:flex;gap:16px;margin-top:12px}
.messapps a{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#FFBBF9 0%,#FFF4F4 100%);border-radius:24px;transition:all .3s ease-in-out;box-shadow:0 4px 12px #ffbbf933}
.messapps a:hover{transform:translateY(-4px);box-shadow:0 8px 20px #ffbbf966}
.messapps svg{width:24px;height:24px;fill:#191029}
.formblock{background:linear-gradient(135deg,#FFF4F4 0%,#fff 100%);padding:48px 40px;border-radius:32px;box-shadow:0 8px 32px #1910291a}
.formblock h2{font-size:2rem;color:#191029;margin:0 0 12px;font-weight:700}
.formblock .formintro{font-size:1rem;color:#191029;opacity:.75;margin-bottom:36px;line-height:1.5}
.formblock form{display:flex;flex-direction:column;gap:24px}
.inputgroup{display:flex;flex-direction:column}
.inputgroup label{font-size:.95rem;color:#191029;font-weight:600;margin-bottom:8px}
.inputgroup input,.inputgroup select,.inputgroup textarea{padding:16px 20px;border:2px solid #19102926;border-radius:16px;font-size:1rem;color:#191029;background:#fff;transition:all .2s ease-in-out}
.inputgroup input:focus,.inputgroup select:focus,.inputgroup textarea:focus{outline:none;border-color:#FFBBF9;box-shadow:0 0 0 4px #ffbbf91a}
.inputgroup select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23191029' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 20px center;padding-right:48px;cursor:pointer}
.inputgroup textarea{min-height:140px;resize:vertical;font-family:inherit}
.privacycheck{display:flex;align-items:flex-start;gap:12px;margin-top:8px}
.privacycheck input[type="checkbox"]{margin-top:4px;width:20px;height:20px;cursor:pointer;flex-shrink:0}
.privacycheck label{font-size:.9rem;color:#191029;opacity:.8;line-height:1.5;cursor:pointer}
.privacycheck a{color:#191029;text-decoration:underline;font-weight:600}
.privacycheck a:hover{color:#FFBBF9}
.submitaction{background:linear-gradient(135deg,#191029 0%,#FFBBF9 100%);color:#FFF4F4;border:none;padding:18px 48px;font-size:1.1rem;font-weight:700;border-radius:24px;cursor:pointer;transition:all .3s ease-in-out;box-shadow:0 6px 20px #ffbbf94d;z-index:10;position:relative;margin-top:12px}
.submitaction:hover{transform:translateY(-3px);box-shadow:0 10px 30px #ffbbf980}
.locationzone{background:linear-gradient(180deg,#FFF4F4 0%,#fff 100%);padding:80px 20px;text-align:center}
.locationzone h2{font-size:2.6rem;color:#191029;margin:0 0 16px;font-weight:700}
.locationzone .addressline{font-size:1.2rem;color:#191029;opacity:.75;line-height:1.8;margin:0 auto;max-width:600px}
@media (max-width: 768px) {
.pagetop{padding:60px 20px 50px}
.pagetop h1{font-size:2.2rem}
.pagetop .leadtext{font-size:1rem}
.parallaxwrap{height:280px;margin-top:40px}
.maingrid{grid-template-columns:1fr;gap:50px;padding:60px 20px}
.infoblock h2{font-size:1.8rem}
.formblock{padding:32px 24px}
.formblock h2{font-size:1.6rem}
.locationzone{padding:60px 20px}
.locationzone h2{font-size:2rem}
}
@media (max-width: 480px) {
.pagetop h1{font-size:1.8rem}
.parallaxwrap{height:220px;border-radius:20px}
.messapps{gap:12px}
.messapps a{width:44px;height:44px}
.submitaction{padding:16px 36px;font-size:1rem}
}
.techreqs .titlezone{max-width:1140px;margin:4rem auto 0;padding:3rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:2rem;position:relative}
.techreqs .titlezone::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:140px;height:4px;background:linear-gradient(90deg,#FFBBF9 0%,#191029 100%);border-radius:20px}
.techreqs .titlezone h1{font-size:2.8rem;line-height:1.2;color:#191029;text-align:center;margin:0;max-width:800px}
.techreqs .titlezone .subtitle{font-size:1.15rem;line-height:1.6;color:#191029;opacity:.8;text-align:center;max-width:700px}
.techreqs .titlezone img{width:100%;max-width:580px;height:auto;border-radius:30px;box-shadow:0 8px 24px #1910291f}
.techreqs .hardwaresec{max-width:1140px;margin:5rem auto;padding:0 1.5rem}
.techreqs .hardwaresec .gridbox{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2.5rem}
.techreqs .hardwaresec h2{font-size:2.2rem;color:#191029;margin:0 0 1rem;position:relative;padding-left:1.5rem}
.techreqs .hardwaresec h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:80%;background:linear-gradient(180deg,#FFBBF9 0%,#191029 100%);border-radius:10px}
.techreqs .hardwaresec .intro{font-size:1.05rem;line-height:1.7;color:#191029;opacity:.85;margin-bottom:2rem}
.techreqs .hardwaresec .reqcard{background:linear-gradient(135deg,#FFF4F4 0%,#FFBBF9 100%);padding:2rem;border-radius:25px;transition:all .3s ease-in-out;position:relative;overflow:hidden}
.techreqs .hardwaresec .reqcard::after{content:'';position:absolute;bottom:-10px;right:-10px;width:80px;height:80px;background:radial-gradient(circle,#1910290f 0%,transparent 70%);border-radius:50%}
.techreqs .hardwaresec .reqcard:hover{transform:translateY(-8px);box-shadow:0 16px 32px #ffbbf94d}
.techreqs .hardwaresec .reqcard h3{font-size:1.4rem;color:#191029;margin:0 0 1rem}
.techreqs .hardwaresec .reqcard .spec{font-size:.95rem;line-height:1.6;color:#191029;opacity:.8;margin-bottom:.5rem}
.techreqs .hardwaresec .reqcard .spec strong{color:#191029;opacity:1}
.techreqs .softblock{background:linear-gradient(219deg,#191029 0%,#FFBBF9 50%,#FFF4F4 100%);padding:5rem 1.5rem;margin:6rem 0}
.techreqs .softblock .wrap{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.techreqs .softblock h2{font-size:2.4rem;color:#FFF4F4;margin:0 0 1.5rem}
.techreqs .softblock .lead{font-size:1.1rem;line-height:1.7;color:#FFF4F4;opacity:.9;margin-bottom:2rem}
.techreqs .softblock .toollist{background:#fff4f426;padding:2rem;border-radius:30px;backdrop-filter:blur(10px)}
.techreqs .softblock .toolitem{padding:1.2rem 0;border-bottom:1px solid #fff4f433}
.techreqs .softblock .toolitem:last-child{border-bottom:none}
.techreqs .softblock .toolitem h4{font-size:1.2rem;color:#FFF4F4;margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}
.techreqs .softblock .toolitem h4::before{content:'→';color:#FFBBF9;font-weight:700}
.techreqs .softblock .toolitem p{font-size:.95rem;line-height:1.6;color:#FFF4F4;opacity:.85;margin:0}
.techreqs .softblock .visualside{display:flex;flex-direction:column;gap:1.5rem}
.techreqs .softblock .statbox{background:#fff4f41a;padding:1.5rem;border-radius:25px;border:2px solid #ffbbf94d}
.techreqs .softblock .statbox .num{font-size:2.5rem;color:#FFBBF9;font-weight:700;margin:0}
.techreqs .softblock .statbox .label{font-size:1rem;color:#FFF4F4;opacity:.9;margin:.5rem 0 0}
.techreqs .connectzone{max-width:1140px;margin:6rem auto 5rem;padding:0 1.5rem}
.techreqs .connectzone .splitlayout{display:flex;gap:3rem;align-items:center}
.techreqs .connectzone .textcol{flex:1}
.techreqs .connectzone .textcol h2{font-size:2.3rem;color:#191029;margin:0 0 1.5rem;line-height:1.2}
.techreqs .connectzone .textcol .desc{font-size:1.05rem;line-height:1.7;color:#191029;opacity:.85;margin-bottom:1.5rem}
.techreqs .connectzone .profiles{display:flex;gap:1.5rem;margin-top:2rem}
.techreqs .connectzone .profilecard{flex:1;background:linear-gradient(135deg,#FFF4F4 0%,#ffbbf933 100%);padding:1.5rem;border-radius:25px;text-align:center;transition:all .3s ease-in-out}
.techreqs .connectzone .profilecard:hover{transform:scale(1.05);box-shadow:0 12px 28px #19102926}
.techreqs .connectzone .profilecard img{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-bottom:1rem;border:3px solid #FFBBF9}
.techreqs .connectzone .profilecard h4{font-size:1.15rem;color:#191029;margin:0 0 .3rem}
.techreqs .connectzone .profilecard .role{font-size:.9rem;color:#191029;opacity:.7;margin:0 0 1rem}
.techreqs .connectzone .profilecard .note{font-size:.9rem;line-height:1.5;color:#191029;opacity:.8}
.techreqs .connectzone .actionbtn{display:inline-block;background:linear-gradient(135deg,#191029 0%,#FFBBF9 100%);color:#FFF4F4;padding:1rem 2.5rem;border-radius:30px;font-size:1.05rem;font-weight:600;text-decoration:none;transition:all .3s ease-in-out;margin-top:1.5rem;box-shadow:0 6px 20px #ffbbf94d;z-index:10;position:relative}
.techreqs .connectzone .actionbtn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #ffbbf980}
@media (max-width: 1024px) {
.techreqs .titlezone h1{font-size:2.3rem}
.techreqs .hardwaresec .gridbox{grid-template-columns:repeat(2,1fr)}
.techreqs .softblock .wrap{grid-template-columns:1fr;gap:3rem}
.techreqs .connectzone .splitlayout{flex-direction:column}
}
@media (max-width: 768px) {
.techreqs .titlezone{margin-top:2rem;padding:2rem 1rem}
.techreqs .titlezone h1{font-size:1.9rem}
.techreqs .titlezone .subtitle{font-size:1rem}
.techreqs .hardwaresec{margin:3rem auto}
.techreqs .hardwaresec .gridbox{grid-template-columns:1fr;gap:1.5rem}
.techreqs .hardwaresec h2{font-size:1.8rem}
.techreqs .softblock{padding:3rem 1rem;margin:4rem 0}
.techreqs .softblock h2{font-size:1.9rem}
.techreqs .connectzone{margin:4rem auto 3rem}
.techreqs .connectzone .textcol h2{font-size:1.8rem}
.techreqs .connectzone .profiles{flex-direction:column}
.techreqs .connectzone .actionbtn{width:100%;text-align:center}
}
.mainherobg{background:linear-gradient(219deg,#191029 0%,#FFBBF9 50%,#FFF4F4 100%);padding:80px 20px 100px;position:relative;overflow:hidden}
.mainherobg::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(90deg,#ffffff08 0px,transparent 1px,transparent 2px,#ffffff08 3px),repeating-linear-gradient(0deg,#ffffff08 0px,transparent 1px,transparent 2px,#ffffff08 3px);pointer-events:none;opacity:.4}
.heroinner{max-width:1140px;margin:0 auto;display:flex;align-items:center;gap:60px;position:relative;z-index:2}
.heroleft{flex:1}
.heroleft h1{font-size:3.2rem;line-height:1.15;color:#FFF4F4;margin:0 0 40px;font-weight:700}
.mainheroctabtn{display:inline-block;background:#FFF4F4;color:#191029;padding:18px 42px;border-radius:30px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease-in-out;box-shadow:0 8px 20px #ffbbf94d;position:relative;z-index:10}
.mainheroctabtn:hover{transform:translateY(-3px);box-shadow:0 12px 30px #ffbbf980;background:#FFBBF9}
.heroright{flex:1}
.heroright img{width:100%;height:auto;border-radius:35px;box-shadow:0 15px 40px #19102966;display:block}
@media (max-width: 768px) {
.heroinner{flex-direction:column;gap:40px}
.heroleft h1{font-size:2.2rem}
.mainherobg{padding:60px 20px 70px}
}
.programgrid{max-width:1140px;margin:0 auto;padding:90px 20px}
.programgrid h2{font-size:2.6rem;color:#191029;margin:0 0 20px;text-align:center;font-weight:700}
.programgrid h2::before{content:'';display:block;width:80px;height:5px;background:linear-gradient(90deg,#191029,#FFBBF9);margin:0 auto 25px;border-radius:10px}
.programintro{max-width:880px;margin:0 auto 60px;text-align:center;font-size:1.05rem;line-height:1.7;color:#191029}
.modulecardswrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:35px;margin-bottom:50px}
.modulecard{background:linear-gradient(145deg,#FFF4F4,#FFBBF9);border-radius:28px;padding:40px 35px;box-shadow:0 10px 25px #1910291f;transition:all .3s ease-in-out;position:relative;overflow:hidden}
.modulecard::after{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,#fff3 0%,transparent 70%);opacity:0;transition:opacity .4s ease-in-out}
.modulecard:hover{transform:translateY(-6px);box-shadow:0 15px 40px #ffbbf94d}
.modulecard:hover::after{opacity:1}
.modulecard h3{font-size:1.65rem;color:#191029;margin:0 0 18px;font-weight:700;position:relative;z-index:2}
.modulecard p{font-size:1rem;line-height:1.65;color:#191029;margin:0 0 20px;position:relative;z-index:2}
.modulelist{list-style:none;padding:0;margin:0;position:relative;z-index:2}
.modulelist li{padding:10px 0 10px 30px;position:relative;font-size:.98rem;color:#191029;line-height:1.5}
.modulelist li::before{content:'✓';position:absolute;left:0;top:10px;color:#191029;font-weight:700;font-size:1.2rem}
@media (max-width: 768px) {
.programgrid h2{font-size:2rem}
.modulecardswrap{grid-template-columns:1fr}
.programgrid{padding:60px 20px}
}
.mentorsegment{background:linear-gradient(180deg,#FFF4F4 0%,#FFBBF9 100%);padding:90px 20px;position:relative}
.mentorinner{max-width:1140px;margin:0 auto}
.mentorinner h2{font-size:2.5rem;color:#191029;text-align:center;margin:0 0 70px;font-weight:700;position:relative}
.mentorinner h2::after{content:'';display:block;width:100px;height:4px;background:#191029;margin:20px auto 0;border-radius:10px}
.mentorflexrow{display:flex;gap:50px;align-items:flex-start}
.mentorcolumn{flex:1;display:flex;flex-direction:column;gap:40px}
.mentorprofile{background:#FFF4F4;border-radius:32px;padding:35px;box-shadow:0 12px 30px #19102926;display:flex;gap:25px;align-items:flex-start;transition:all .3s ease-in-out}
.mentorprofile:hover{transform:scale(1.02);box-shadow:0 18px 45px #ffbbf959}
.mentorphoto{width:110px;height:110px;border-radius:50%;overflow:hidden;flex-shrink:0;border:4px solid #FFBBF9}
.mentorphoto img{width:100%;height:100%;object-fit:cover;display:block}
.mentordata h3{font-size:1.5rem;color:#191029;margin:0 0 8px;font-weight:700}
.mentorrole{font-size:.95rem;color:#191029;margin:0 0 15px;font-weight:600;opacity:.75}
.mentordata p{font-size:.98rem;line-height:1.6;color:#191029;margin:0}
@media (max-width: 1024px) {
.mentorflexrow{flex-direction:column;gap:35px}
}
@media (max-width: 768px) {
.mentorsegment{padding:60px 20px}
.mentorinner h2{font-size:2rem;margin-bottom:50px}
.mentorprofile{flex-direction:column;align-items:center;text-align:center}
.mentorphoto{width:90px;height:90px}
}
.successwrap{max-width:1140px;margin:0 auto;padding:60px 20px}
.confirmblock{background:linear-gradient(219deg,#191029 0%,#FFBBF9 50%,#FFF4F4 100%);border-radius:32px;padding:80px 40px;text-align:center;position:relative;overflow:hidden;margin-bottom:60px}
.confirmblock::before{content:'';position:absolute;width:300px;height:300px;background:#ffbbf926;border-radius:50%;top:-100px;right:-100px;animation:floatshape 8s ease-in-out infinite}
.confirmblock::after{content:'';position:absolute;width:200px;height:200px;background:#fff4f41f;border-radius:50%;bottom:-80px;left:-80px;animation:floatshape 6s ease-in-out infinite reverse}
@keyframes floatshape {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(30px,30px) scale(1.1)}
}
.confirmblock .iconwrap{width:120px;height:120px;margin:0 auto 30px;position:relative;z-index:2}
.confirmblock .iconwrap svg{width:100%;height:100%;filter:drop-shadow(0 8px 20px #1910294d)}
.confirmblock .mainhead{font-size:2.8rem;color:#FFF4F4;margin:0 0 20px;font-weight:700;position:relative;z-index:2;line-height:1.2}
.confirmblock .subtext{font-size:1.2rem;color:#FFF4F4;margin:0 auto;max-width:600px;line-height:1.6;position:relative;z-index:2;opacity:.95}
.nextblock{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1140px;margin:0 auto}
.actioncard{background:#FFF4F4;border-radius:28px;padding:50px 40px;box-shadow:0 12px 32px #19102914;transition:all .3s ease-in-out;border:2px solid transparent;position:relative}
.actioncard:hover{transform:translateY(-8px);box-shadow:0 20px 48px #ffbbf940;border-color:#FFBBF9}
.actioncard .cardicon{width:64px;height:64px;margin-bottom:24px;background:linear-gradient(135deg,#191029,#FFBBF9);border-radius:16px;display:flex;align-items:center;justify-content:center}
.actioncard .cardicon svg{width:32px;height:32px}
.actioncard .cardtitle{font-size:1.8rem;color:#191029;margin:0 0 16px;font-weight:700}
.actioncard .carddesc{font-size:1.05rem;color:#191029;line-height:1.7;margin:0 0 32px;opacity:.8}
.actioncard .btnlink{display:inline-block;background:#191029;color:#FFF4F4;padding:16px 36px;border-radius:24px;text-decoration:none;font-weight:600;font-size:1.05rem;transition:all .3s ease-in-out;box-shadow:0 6px 16px #19102933;position:relative;z-index:10}
.actioncard .btnlink:hover{background:#FFBBF9;color:#191029;transform:scale(1.05);box-shadow:0 8px 24px #ffbbf966}
@media (max-width: 768px) {
.successwrap{padding:40px 16px}
.confirmblock{padding:60px 24px;margin-bottom:40px}
.confirmblock .iconwrap{width:90px;height:90px}
.confirmblock .mainhead{font-size:2rem}
.confirmblock .subtext{font-size:1.05rem}
.nextblock{grid-template-columns:1fr;gap:24px}
.actioncard{padding:36px 24px}
.actioncard .cardtitle{font-size:1.5rem}
.actioncard .carddesc{font-size:1rem}
}
@media (max-width: 480px) {
.confirmblock .mainhead{font-size:1.7rem}
.confirmblock .subtext{font-size:.95rem}
.actioncard .cardicon{width:52px;height:52px}
.actioncard .cardicon svg{width:26px;height:26px}
.actioncard .cardtitle{font-size:1.3rem}
.actioncard .btnlink{padding:14px 28px;font-size:1rem}
}