@import "https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;700&display=swap";
*{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:'Roboto Slab',serif;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 50%,#16213e 100%);color:#e8e8e8;min-height:100vh;display:flex;flex-direction:column}
.headerwrap{background:linear-gradient(127deg,#0f0f1e 0%,#1a1a2e 100%);border-bottom:2px solid #65e5ee26;box-shadow:0 4px 12px #0009;padding:22px 0}
.headercontainer{max-width:1366px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.logobox{display:flex;align-items:center;gap:18px;flex-shrink:0}
.logobox img{width:85px;height:85px;object-fit:contain;background:#65e5ee14;padding:10px;border-radius:25px;box-shadow:0 4px 8px #0006}
.companyname{font-size:28px;font-weight:700;color:#65E5EE;letter-spacing:.5px}
.mainnav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;flex:1}
.mainnav a{text-decoration:none;color:#e8e8e8;font-size:16px;font-weight:400;padding:12px 20px;border-radius:30px;background:#ffffff08;transition:background .3s ease-in-out,color .3s ease-in-out;white-space:nowrap}
.mainnav a:hover{background:#65e5ee26;color:#65E5EE}
main{flex:1}
.footerwrap{background:linear-gradient(135deg,#65E5EE 0%,#FF1492 50%,#F7B305 100%);padding:35px 0 25px;margin-top:60px;box-shadow:0 -4px 12px #00000080}
.footercontainer{max-width:1366px;margin:0 auto;padding:0 20px}
.footertop{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between;margin-bottom:30px}
.footersection{flex:1;min-width:220px}
.footersection h3{font-size:19px;font-weight:700;color:#0a0a0a;margin-bottom:16px}
.footersection p,.footersection a{font-size:15px;line-height:1.8;color:#1a1a2e}
.footersection a{text-decoration:none;display:inline-block;margin-bottom:8px;transition:color .3s ease-in-out}
.footersection a:hover{color:#0a0a0a}
.footerlinks{display:flex;flex-direction:column;gap:8px}
.footerbottom{text-align:center;padding-top:20px;border-top:1px solid #0a0a0a33;color:#1a1a2e;font-size:14px}
.cookiebox{position:fixed;top:20px;right:20px;width:320px;background:linear-gradient(145deg,#1a1a2e 0%,#16213e 100%);border-radius:30px;box-shadow:0 12px 24px #000000b3;padding:25px;transform:translateX(400px);transition:transform .5s ease-in-out;z-index:9999;border:2px solid #65e5ee33}
.cookiebox.showing{transform:translateX(0)}
.cookiebox.hiding{transform:translateX(400px)}
.cookiebox h3{font-size:18px;font-weight:700;color:#65E5EE;margin-bottom:12px}
.cookiebox p{font-size:14px;line-height:1.6;color:#e8e8e8;margin-bottom:18px}
.cookie_buttons{display:flex;gap:10px;flex-direction:column}
.cookie_buttons button{padding:12px 20px;border:none;border-radius:50px;font-size:14px;font-weight:700;cursor:pointer;transition:background .3s ease-in-out;font-family:'Roboto Slab',serif}
.acceptbtn{background:linear-gradient(90deg,#65E5EE,#FF1492);color:#0a0a0a}
.acceptbtn:hover{background:linear-gradient(90deg,#FF1492,#F7B305)}
.declinebtn{background:#ffffff1a;color:#e8e8e8}
.declinebtn:hover{background:#fff3}
.accordion_section{margin-top:15px;border-top:1px solid #65e5ee33;padding-top:15px}
.accordion_header{background:#65e5ee14;padding:10px 15px;border-radius:20px;cursor:pointer;font-size:14px;font-weight:700;color:#65E5EE;margin-bottom:10px;transition:background .3s ease-in-out}
.accordion_header:hover{background:#65e5ee26}
.accordion_content{display:none;font-size:13px;line-height:1.6;color:#c8c8c8;padding-left:15px;margin-bottom:10px}
.accordion_content.active{display:block}
@media (max-width: 768px) {
.headercontainer{flex-direction:column;align-items:center;gap:20px}
.logobox{flex-direction:column;text-align:center}
.companyname{font-size:24px}
.mainnav{flex-direction:column;width:100%;gap:10px}
.mainnav a{width:100%;text-align:center}
.footertop{flex-direction:column;gap:30px}
.cookiebox{width:90%;right:5%;top:10px}
}
.legal-data-bf{max-width:1366px;margin:0 auto;padding:80px 40px;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 100%)}
.legal-data-bf h1{font-size:48px;font-weight:700;color:#65E5EE;margin:0 0 40px;line-height:1.2;letter-spacing:-.5px}
.legal-data-bf h2{font-size:36px;font-weight:600;color:#FF1492;margin:60px 0 30px;line-height:1.3;letter-spacing:-.3px}
.legal-data-bf h3{font-size:28px;font-weight:600;color:#F7B305;margin:50px 0 25px;line-height:1.4}
.legal-data-bf h4{font-size:22px;font-weight:600;color:#65E5EE;margin:40px 0 20px;line-height:1.4}
.legal-data-bf h5{font-size:18px;font-weight:600;color:#FF1492;margin:35px 0 18px;line-height:1.5}
.legal-data-bf h6{font-size:16px;font-weight:600;color:#F7B305;margin:30px 0 15px;line-height:1.5;text-transform:uppercase;letter-spacing:1px}
.legal-data-bf p{font-size:17px;line-height:1.8;color:#e0e0e0;margin:0 0 24px;text-align:justify}
.legal-data-bf ul{margin:0 0 30px;padding:0 0 0 30px;list-style-type:none}
.legal-data-bf ul li{font-size:17px;line-height:1.8;color:#e0e0e0;margin:0 0 16px;padding-left:20px;position:relative}
.legal-data-bf ul li::before{content:"";position:absolute;left:0;top:12px;width:8px;height:8px;background:linear-gradient(135deg,#65E5EE 0%,#FF1492 100%);border-radius:50%}
.legal-data-bf ol{margin:0 0 30px;padding:0 0 0 30px;list-style-position:outside}
.legal-data-bf ol li{font-size:17px;line-height:1.8;color:#e0e0e0;margin:0 0 16px;padding-left:12px}
.legal-data-bf ol li::marker{color:#65E5EE;font-weight:600}
.legal-data-bf em,.legal-data-bf i{color:#F7B305;font-style:italic}
.legal-data-bf a{color:#65E5EE;text-decoration:none;border-bottom:2px solid transparent;transition:all .3s ease-in-out;font-weight:500}
.legal-data-bf a:hover{color:#FF1492;border-bottom-color:#FF1492}
.legal-data-bf table{width:100%;margin:40px 0;border-collapse:collapse;background:#1a1a1a;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #0006}
.legal-data-bf thead{background:linear-gradient(135deg,#65E5EE 0%,#FF1492 100%)}
.legal-data-bf thead tr{border:none}
.legal-data-bf thead th{padding:20px 24px;font-size:16px;font-weight:600;color:#0a0a0a;text-align:left;text-transform:uppercase;letter-spacing:.5px}
.legal-data-bf tbody{background:#1a1a1a}
.legal-data-bf tbody tr{border-bottom:1px solid #2a2a2a;transition:background .3s ease-in-out}
.legal-data-bf tbody tr:last-child{border-bottom:none}
.legal-data-bf tbody tr:hover{background:#252525}
.legal-data-bf tbody td{padding:18px 24px;font-size:16px;line-height:1.6;color:#e0e0e0}
.legal-data-bf tbody th{padding:18px 24px;font-size:16px;font-weight:600;color:#65E5EE;text-align:left}
.legal-data-bf hr{border:none;height:2px;background:linear-gradient(90deg,transparent 0%,#65E5EE 20%,#FF1492 50%,#F7B305 80%,transparent 100%);margin:60px 0;opacity:.6}
@media (max-width: 768px) {
.legal-data-bf{padding:60px 24px}
.legal-data-bf h1{font-size:36px;margin-bottom:30px}
.legal-data-bf h2{font-size:28px;margin:50px 0 25px}
.legal-data-bf h3{font-size:24px;margin:40px 0 20px}
.legal-data-bf h4{font-size:20px;margin:35px 0 18px}
.legal-data-bf h5{font-size:17px;margin:30px 0 15px}
.legal-data-bf h6{font-size:15px;margin:25px 0 12px}
.legal-data-bf p{font-size:16px;text-align:left;margin-bottom:20px}
.legal-data-bf ul,.legal-data-bf ol{padding-left:24px;margin-bottom:24px}
.legal-data-bf ul li,.legal-data-bf ol li{font-size:16px;margin-bottom:14px}
.legal-data-bf table{margin:30px 0;font-size:14px;border-radius:15px}
.legal-data-bf thead th{padding:16px;font-size:14px}
.legal-data-bf tbody td,.legal-data-bf tbody th{padding:14px 16px;font-size:14px}
.legal-data-bf hr{margin:40px 0}
}
@media (max-width: 480px) {
.legal-data-bf{padding:40px 20px}
.legal-data-bf h1{font-size:30px;margin-bottom:24px}
.legal-data-bf h2{font-size:24px;margin:40px 0 20px}
.legal-data-bf h3{font-size:20px;margin:35px 0 18px}
.legal-data-bf table{display:block;overflow-x:auto}
.legal-data-bf thead th,.legal-data-bf tbody td,.legal-data-bf tbody th{padding:12px;font-size:13px}
}
.titlehero{background:linear-gradient(142deg,#1a0f2e 0%,#0f1a28 48%,#1a1829 100%);padding:110px 24px 90px;position:relative;overflow:hidden}
.titlehero::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#65e5ee14 0%,transparent 70%);border-radius:50%}
.titlehero::after{content:'';position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#ff14920f 0%,transparent 65%);border-radius:50%}
.titlehero .heroinnerwrap{max-width:1366px;margin:0 auto;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}
.titlehero .maintitletext{font-size:56px;line-height:1.15;color:#fff;margin:0 0 22px;font-weight:700;letter-spacing:-.02em;max-width:880px}
.titlehero .subtitlerow{font-size:20px;line-height:1.6;color:#ffffffd1;max-width:720px;margin:0 0 48px}
.titlehero .ctaactionbox{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}
.titlehero .primaryctabtn{background:linear-gradient(135deg,#65E5EE 0%,#FF1492 100%);color:#0a0a0a;padding:16px 42px;border-radius:32px;font-size:17px;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s ease-in-out;border:none;box-shadow:0 8px 20px #65e5ee33}
.titlehero .primaryctabtn:hover{transform:translateY(-3px);box-shadow:0 12px 28px #65e5ee59}
.titlehero .secondaryctabtn{background:transparent;color:#65E5EE;padding:16px 42px;border-radius:32px;font-size:17px;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s ease-in-out;border:2px solid #65E5EE}
.titlehero .secondaryctabtn:hover{background:#65e5ee1a;border-color:#FF1492;color:#FF1492}
.mechanicsblockzone{background:linear-gradient(218deg,#0d1117 0%,#151a24 52%,#12141c 100%);padding:95px 24px}
.mechanicsblockzone .mechanicsinnerbox{max-width:1366px;margin:0 auto}
.mechanicsblockzone .sectionlabeltop{text-align:center;margin-bottom:68px}
.mechanicsblockzone .labelheadtitle{font-size:42px;line-height:1.2;color:#fff;margin:0 0 18px;font-weight:700}
.mechanicsblockzone .labeldescline{font-size:18px;line-height:1.65;color:#ffffffb3;max-width:640px;margin:0 auto}
.mechanicsblockzone .cardgridmechanics{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}
.mechanicsblockzone .mechanicsinglecard{background:linear-gradient(165deg,#65e5ee0a 0%,#ff149208 100%);border:1px solid #ffffff14;border-radius:28px;padding:38px 32px;transition:all .3s ease-in-out;position:relative;overflow:hidden}
.mechanicsblockzone .mechanicsinglecard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#65E5EE 0%,#FF1492 50%,#F7B305 100%);opacity:0;transition:opacity .3s ease-in-out}
.mechanicsblockzone .mechanicsinglecard:hover::before{opacity:1}
.mechanicsblockzone .mechanicsinglecard:hover{transform:translateY(-6px);border-color:#65e5ee4d;box-shadow:0 16px 40px #0006}
.mechanicsblockzone .cardiconwrap{width:68px;height:68px;background:linear-gradient(135deg,#65e5ee26 0%,#ff14921f 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.mechanicsblockzone .cardiconwrap i{font-size:32px;background:linear-gradient(135deg,#65E5EE 0%,#FF1492 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.mechanicsblockzone .cardtitleheading{font-size:24px;line-height:1.3;color:#fff;margin:0 0 14px;font-weight:600}
.mechanicsblockzone .cardbodytext{font-size:16px;line-height:1.7;color:#ffffffb8;margin:0}
.mechanicsblockzone .highlightterm{color:#65E5EE;font-weight:600}
.interactionformatsarea{background:linear-gradient(196deg,#0f1219 0%,#1a1524 48%,#111319 100%);padding:90px 24px}
.interactionformatsarea .formatsinnercontainer{max-width:1366px;margin:0 auto}
.interactionformatsarea .formatssplitlayout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.interactionformatsarea .contentleftside h2{font-size:44px;line-height:1.2;color:#fff;margin:0 0 24px;font-weight:700}
.interactionformatsarea .contentleftside h2::before{content:'';display:block;width:60px;height:5px;background:linear-gradient(90deg,#FF1492 0%,#F7B305 100%);margin-bottom:20px;border-radius:10px}
.interactionformatsarea .contentleftside .descriptionpara{font-size:17px;line-height:1.75;color:#ffffffbf;margin:0 0 28px}
.interactionformatsarea .contentleftside .featurelistbox{list-style:none;padding:0;margin:0 0 36px}
.interactionformatsarea .contentleftside .featurelistbox li{padding:14px 0;border-bottom:1px solid #ffffff0f;font-size:16px;color:#ffffffd1;display:flex;align-items:center;gap:14px}
.interactionformatsarea .contentleftside .featurelistbox li:last-child{border-bottom:none}
.interactionformatsarea .contentleftside .featurelistbox li i{color:#F7B305;font-size:18px;flex-shrink:0}
.interactionformatsarea .contentleftside .actionlinkbtn{background:linear-gradient(135deg,#FF1492 0%,#F7B305 100%);color:#0a0a0a;padding:15px 38px;border-radius:30px;font-size:16px;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s ease-in-out;box-shadow:0 6px 18px #ff149240}
.interactionformatsarea .contentleftside .actionlinkbtn:hover{transform:translateY(-2px);box-shadow:0 10px 26px #ff149266}
.interactionformatsarea .imagerightside{position:relative}
.interactionformatsarea .imagerightside .mainimageframe{width:100%;height:auto;border-radius:32px;box-shadow:0 20px 60px #00000080;display:block;object-fit:cover}
.interactionformatsarea .imagerightside::before{content:'';position:absolute;top:-20px;right:-20px;width:140px;height:140px;background:linear-gradient(135deg,#f7b30533 0%,transparent 70%);border-radius:50%;z-index:-1}
.interactionformatsarea .imagerightside::after{content:'';position:absolute;bottom:-30px;left:-30px;width:180px;height:180px;background:linear-gradient(135deg,#65e5ee26 0%,transparent 65%);border-radius:50%;z-index:-1}
.trustexpertisezone{background:linear-gradient(163deg,#12151e 0%,#0e1218 52%,#151820 100%);padding:95px 24px}
.trustexpertisezone .trustinnerbox{max-width:1366px;margin:0 auto}
.trustexpertisezone .trustheadersection{text-align:center;margin-bottom:58px}
.trustexpertisezone .trustheadersection h2{font-size:46px;line-height:1.18;color:#fff;margin:0 0 20px;font-weight:700}
.trustexpertisezone .trustheadersection .trustsubline{font-size:18px;line-height:1.65;color:#ffffffb8;max-width:680px;margin:0 auto}
.trustexpertisezone .trustgridcontainer{display:grid;grid-template-columns:repeat(2,1fr);gap:36px}
.trustexpertisezone .trustitemcard{background:linear-gradient(148deg,#65e5ee0d 0%,#f7b3050a 100%);border:1px solid #ffffff17;border-radius:26px;padding:42px 36px;transition:all .3s ease-in-out;position:relative}
.trustexpertisezone .trustitemcard:hover{border-color:#65e5ee4d;transform:translateY(-4px);box-shadow:0 14px 36px #00000059}
.trustexpertisezone .trustitemcard .trustcardicon{width:62px;height:62px;background:linear-gradient(135deg,#f7b3052e 0%,#ff149224 100%);border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.trustexpertisezone .trustitemcard .trustcardicon i{font-size:28px;background:linear-gradient(135deg,#F7B305 0%,#FF1492 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.trustexpertisezone .trustitemcard .trustcardheading{font-size:26px;line-height:1.3;color:#fff;margin:0 0 16px;font-weight:600}
.trustexpertisezone .trustitemcard .trustcardbody{font-size:16px;line-height:1.7;color:#ffffffbd;margin:0 0 20px}
.trustexpertisezone .trustitemcard .trustdatarow{display:flex;gap:28px;flex-wrap:wrap}
.trustexpertisezone .trustitemcard .trustdataitem{display:flex;flex-direction:column}
.trustexpertisezone .trustitemcard .trustdataitem .datanumber{font-size:32px;font-weight:700;color:#65E5EE;line-height:1;margin-bottom:6px}
.trustexpertisezone .trustitemcard .trustdataitem .datalabel{font-size:14px;color:#ffffffa6;text-transform:uppercase;letter-spacing:.5px}
.trustexpertisezone .showcaseimageblock{margin-top:64px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px}
.trustexpertisezone .showcaseimageblock .showcaseimg{width:100%;height:280px;object-fit:cover;border-radius:24px;box-shadow:0 12px 32px #0006;transition:all .3s ease-in-out}
.trustexpertisezone .showcaseimageblock .showcaseimg:hover{transform:scale(1.04);box-shadow:0 18px 48px #0000008c}
@media (max-width: 1024px) {
.titlehero .maintitletext{font-size:44px}
.mechanicsblockzone .cardgridmechanics{grid-template-columns:1fr}
.interactionformatsarea .formatssplitlayout{grid-template-columns:1fr;gap:48px}
.trustexpertisezone .trustgridcontainer{grid-template-columns:1fr}
.trustexpertisezone .showcaseimageblock{grid-template-columns:1fr 1fr}
}
@media (max-width: 768px) {
.titlehero{padding:80px 20px 70px}
.titlehero .maintitletext{font-size:36px}
.titlehero .subtitlerow{font-size:18px}
.titlehero .ctaactionbox{flex-direction:column;width:100%}
.titlehero .primaryctabtn,.titlehero .secondaryctabtn{width:100%;text-align:center}
.mechanicsblockzone{padding:70px 20px}
.mechanicsblockzone .labelheadtitle{font-size:34px}
.interactionformatsarea{padding:70px 20px}
.interactionformatsarea .contentleftside h2{font-size:36px}
.trustexpertisezone{padding:70px 20px}
.trustexpertisezone .trustheadersection h2{font-size:36px}
.trustexpertisezone .showcaseimageblock{grid-template-columns:1fr}
.trustexpertisezone .showcaseimageblock .showcaseimg{height:240px}
}
@media (max-width: 480px) {
.titlehero .maintitletext{font-size:30px}
.mechanicsblockzone .labelheadtitle{font-size:28px}
.interactionformatsarea .contentleftside h2{font-size:30px}
.trustexpertisezone .trustheadersection h2{font-size:30px}
}
.herotitle{background:linear-gradient(118deg,#1a1a2e 0%,#16213e 50%,#0f1419 100%);padding:120px 30px 100px;position:relative;overflow:hidden}
.herotitle::before{content:'';position:absolute;top:-50%;right:-30%;width:600px;height:600px;background:radial-gradient(circle,#65e5ee26,transparent 70%);border-radius:50%}
.herotitle .herobox{max-width:1366px;margin:0 auto;display:grid;grid-template-columns:1.2fr 0.8fr;gap:60px;align-items:center;position:relative;z-index:2}
.herotitle .textcontent h1{font-size:3.2em;color:#65E5EE;margin:0 0 24px;line-height:1.1;font-weight:700;position:relative}
.herotitle .textcontent h1::after{content:'';position:absolute;bottom:-12px;left:0;width:80px;height:4px;background:linear-gradient(90deg,#FF1492,#F7B305);border-radius:2px}
.herotitle .textcontent .leadtext{font-size:1.3em;color:#e0e0e0;margin:32px 0 20px;line-height:1.6}
.herotitle .textcontent .secondtext{font-size:1.1em;color:#b8b8b8;line-height:1.7;margin:0 0 28px}
.herotitle .textcontent .accentline{color:#F7B305;font-weight:600;font-size:1.15em;margin:24px 0 0;display:inline-block;position:relative;padding-left:20px}
.herotitle .textcontent .accentline::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#FF1492;border-radius:50%}
.herotitle .imagegrid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:140px 140px;gap:16px;position:relative}
.herotitle .imagegrid .imgwrap{position:relative;border-radius:28px;overflow:hidden;box-shadow:0 8px 24px #0006}
.herotitle .imagegrid .imgwrap.wide{grid-column:1 / 3}
.herotitle .imagegrid .imgwrap img{width:100%;height:100%;object-fit:cover;filter:brightness(0.85) contrast(1.1)}
.herotitle .imagegrid .imgwrap::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,#0000000d 2px,#0000000d 4px);pointer-events:none}
.herotitle .decorarrow{position:absolute;bottom:-40px;left:50%;width:60px;height:60px;transform:translateX(-50%) rotate(45deg);border:3px solid #65E5EE;border-left:none;border-top:none;opacity:.5}
.infoblock{background:linear-gradient(225deg,#0f1419 0%,#1a1a2e 100%);padding:90px 30px}
.infoblock .infowrapper{max-width:1366px;margin:0 auto;display:flex;gap:80px;align-items:flex-start}
.infoblock .contactdetails{flex:1}
.infoblock .contactdetails h2{font-size:2.4em;color:#FF1492;margin:0 0 40px;position:relative;display:inline-block}
.infoblock .contactdetails h2::before{content:'';position:absolute;top:-10px;left:-10px;width:calc(100% + 20px);height:calc(100% + 20px);border:2px solid #F7B305;border-radius:12px;opacity:.3}
.infoblock .contactitem{margin:0 0 32px;padding:20px 24px;background:#65e5ee0d;border-left:4px solid #65E5EE;border-radius:0 20px 20px 0;transition:all .3s ease-in-out}
.infoblock .contactitem:hover{background:#65e5ee1f;transform:translateX(8px)}
.infoblock .contactitem .itemlabel{font-size:.9em;color:#F7B305;text-transform:uppercase;letter-spacing:1px;margin:0 0 8px;font-weight:600}
.infoblock .contactitem .itemvalue{font-size:1.2em;color:#e0e0e0;margin:0}
.infoblock .contactitem .itemvalue a{color:#65E5EE;text-decoration:none;transition:color .3s ease-in-out}
.infoblock .contactitem .itemvalue a:hover{color:#FF1492}
.infoblock .additionaltext{flex:1;padding:40px;background:linear-gradient(135deg,#ff149214,#f7b30514);border-radius:32px;border:1px solid #65e5ee33}
.infoblock .additionaltext h3{font-size:1.8em;color:#65E5EE;margin:0 0 24px}
.infoblock .additionaltext .textpar{font-size:1.05em;color:silver;line-height:1.8;margin:0 0 20px}
.formzone{background:#0a0a0f;padding:100px 30px;position:relative}
.formzone::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 30%,#f7b3051a,transparent 50%),radial-gradient(ellipse at 80% 70%,#ff14921a,transparent 50%);pointer-events:none}
.formzone .formcontainer{max-width:900px;margin:0 auto;position:relative;z-index:2}
.formzone .formcontainer h2{font-size:2.6em;color:#F7B305;text-align:center;margin:0 0 16px}
.formzone .formcontainer .formsubtitle{font-size:1.15em;color:#b8b8b8;text-align:center;margin:0 0 50px}
.formzone .contactform{background:#1a1a2e99;padding:50px 60px;border-radius:36px;border:2px solid #65e5ee26;box-shadow:0 12px 40px #00000080}
.formzone .formrow{margin:0 0 28px}
.formzone .formrow label{display:block;font-size:1em;color:#65E5EE;margin:0 0 10px;font-weight:600}
.formzone .formrow input[type="text"],.formzone .formrow input[type="email"],.formzone .formrow input[type="tel"],.formzone .formrow textarea,.formzone .formrow select{width:100%;padding:16px 20px;background:#0f1419cc;border:2px solid #65e5ee4d;border-radius:24px;color:#e0e0e0;font-size:1.05em;transition:all .3s ease-in-out;box-sizing:border-box}
.formzone .formrow input[type="text"]:focus,.formzone .formrow input[type="email"]:focus,.formzone .formrow input[type="tel"]:focus,.formzone .formrow textarea:focus,.formzone .formrow select:focus{outline:none;border-color:#FF1492;background:#0f1419ff;box-shadow:0 0 0 4px #ff149233}
.formzone .formrow textarea{resize:vertical;min-height:140px}
.formzone .formrow select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2365E5EE' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 20px center;padding-right:50px}
.formzone .radiooptions{display:none}
.formzone .radiooptions:checked ~ .conditionalfield{display:block;animation:slidedown .4s ease-in-out}
.formzone .conditionalfield{display:none;margin-top:20px}
@keyframes slidedown {
from{opacity:0;transform:translateY(-20px)}
to{opacity:1;transform:translateY(0)}
}
.formzone .formrow.checkboxrow{display:flex;align-items:flex-start;gap:12px}
.formzone .formrow.checkboxrow input[type="checkbox"]{width:20px;height:20px;margin-top:4px;cursor:pointer;accent-color:#FF1492}
.formzone .formrow.checkboxrow label{margin:0;font-size:.95em;color:silver;line-height:1.6;font-weight:400}
.formzone .formrow.checkboxrow label a{color:#65E5EE;text-decoration:none;transition:color .3s ease-in-out}
.formzone .formrow.checkboxrow label a:hover{color:#F7B305}
.formzone .submitbtn{width:100%;padding:18px 40px;background:linear-gradient(135deg,#FF1492,#F7B305);border:none;border-radius:28px;color:#fff;font-size:1.2em;font-weight:700;cursor:pointer;transition:all .3s ease-in-out;box-shadow:0 6px 20px #ff149266;text-transform:uppercase;letter-spacing:1px}
.formzone .submitbtn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #ff149299;background:linear-gradient(135deg,#F7B305,#FF1492)}
.formzone .submitbtn:active{transform:translateY(0)}
.advantagesarea{background:linear-gradient(160deg,#16213e 0%,#1a1a2e 50%,#0f1419 100%);padding:90px 30px}
.advantagesarea .advantageswrap{max-width:1366px;margin:0 auto}
.advantagesarea .advantageswrap h2{font-size:2.5em;color:#65E5EE;text-align:center;margin:0 0 60px;position:relative}
.advantagesarea .advantageswrap h2::after{content:'';position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);width:120px;height:4px;background:linear-gradient(90deg,#F7B305,#FF1492,#65E5EE);border-radius:2px}
.advantagesarea .cardsgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.advantagesarea .advantagecard{background:#65e5ee0d;padding:36px 28px;border-radius:30px;border:2px solid transparent;transition:all .4s ease-in-out;position:relative;overflow:hidden}
.advantagesarea .advantagecard::before{content:'';position:absolute;top:-50%;right:-50%;width:200px;height:200px;background:radial-gradient(circle,#ff149226,transparent 60%);transition:all .5s ease-in-out}
.advantagesarea .advantagecard:hover{border-color:#FF1492;transform:translateY(-8px);box-shadow:0 16px 40px #ff14924d}
.advantagesarea .advantagecard:hover::before{top:-20%;right:-20%}
.advantagesarea .advantagecard .cardicon{width:60px;height:60px;background:linear-gradient(135deg,#65E5EE,#F7B305);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 0 24px;position:relative;z-index:2}
.advantagesarea .advantagecard .cardicon i{font-size:1.8em;color:#0a0a0f}
.advantagesarea .advantagecard h3{font-size:1.5em;color:#F7B305;margin:0 0 16px;position:relative;z-index:2}
.advantagesarea .advantagecard .cardtext{font-size:1.05em;color:silver;line-height:1.7;margin:0;position:relative;z-index:2}
.opportunitieszone{background:#0a0a0f;padding:100px 30px}
.opportunitieszone .opportunitieswrap{max-width:1366px;margin:0 auto}
.opportunitieszone .sectiontitle{font-size:2.7em;color:#FF1492;text-align:center;margin:0 0 20px}
.opportunitieszone .sectionsubtitle{font-size:1.2em;color:#b8b8b8;text-align:center;margin:0 0 70px;max-width:800px;margin-left:auto;margin-right:auto}
.opportunitieszone .featuresgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.opportunitieszone .featurebox{background:linear-gradient(135deg,#65e5ee14,#f7b30514);padding:44px 40px;border-radius:32px;border-left:6px solid #65E5EE;transition:all .4s ease-in-out}
.opportunitieszone .featurebox:nth-child(even){border-left-color:#F7B305}
.opportunitieszone .featurebox:hover{transform:scale(1.03);box-shadow:0 12px 36px #65e5ee40}
.opportunitieszone .featurebox h3{font-size:1.7em;color:#65E5EE;margin:0 0 18px;display:flex;align-items:center;gap:14px}
.opportunitieszone .featurebox h3::before{content:'';width:10px;height:10px;background:#FF1492;border-radius:50%;display:inline-block}
.opportunitieszone .featurebox .featuretext{font-size:1.08em;color:#d0d0d0;line-height:1.75;margin:0}
@media (max-width: 968px) {
.herotitle .herobox{grid-template-columns:1fr;gap:50px}
.herotitle .textcontent h1{font-size:2.4em}
.herotitle .imagegrid{grid-template-rows:120px 120px}
.infoblock .infowrapper{flex-direction:column;gap:50px}
.opportunitieszone .featuresgrid{grid-template-columns:1fr}
.formzone .contactform{padding:40px 30px}
}
@media (max-width: 640px) {
.herotitle{padding:80px 20px 70px}
.herotitle .textcontent h1{font-size:2em}
.herotitle .textcontent .leadtext{font-size:1.15em}
.herotitle .imagegrid{grid-template-rows:100px 100px;gap:12px}
.infoblock,.formzone,.advantagesarea,.opportunitieszone{padding:60px 20px}
.infoblock .contactdetails h2,.formzone .formcontainer h2,.advantagesarea .advantageswrap h2,.opportunitieszone .sectiontitle{font-size:2em}
.advantagesarea .cardsgrid{grid-template-columns:1fr}
.formzone .contactform{padding:30px 20px}
}
.abouttopwrap{background:linear-gradient(127deg,#1a1a2e 0%,#0f0f1e 100%);padding:0;margin:0 auto;max-width:1366px}
.abouttopwrap .herosplitbox{display:flex;align-items:center;gap:0;min-height:520px}
.abouttopwrap .herosplitbox .imagezoneleft{width:40%;position:relative;overflow:hidden}
.abouttopwrap .herosplitbox .imagezoneleft::before{content:'';position:absolute;top:20px;left:20px;right:20px;bottom:20px;border:1px solid #65e5ee4d;pointer-events:none;z-index:2}
.abouttopwrap .herosplitbox .imagezoneleft img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(0.85)}
.abouttopwrap .herosplitbox .textareright{width:60%;padding:60px 80px 60px 70px}
.abouttopwrap .herosplitbox .textareright .minitag{font-size:13px;color:#65E5EE;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;display:block}
.abouttopwrap .herosplitbox .textareright .titlehuge{font-size:42px;color:#fff;line-height:1.2;margin-bottom:28px;font-weight:600}
.abouttopwrap .herosplitbox .textareright .descriptionzone{font-size:17px;color:#d4d4d8;line-height:1.7}
.statsectionwrapper{background:linear-gradient(214deg,#16213e 0%,#0a0a14 100%);padding:80px 40px;margin:0 auto;max-width:1366px}
.statsectionwrapper .statsgridbox{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;max-width:1100px;margin:0 auto}
.statsectionwrapper .statsgridbox .statcarditem{background:#ffffff08;border:1px solid #65e5ee26;border-radius:25px;padding:45px 35px;text-align:center;transition:all .4s ease-in-out;position:relative;overflow:hidden}
.statsectionwrapper .statsgridbox .statcarditem::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:3px;background:linear-gradient(90deg,transparent,#65E5EE,transparent);transition:left .6s ease-in-out}
.statsectionwrapper .statsgridbox .statcarditem:hover::before{left:100%}
.statsectionwrapper .statsgridbox .statcarditem:hover{background:#ffffff0f;border-color:#65e5ee66;transform:translateY(-8px);box-shadow:0 12px 40px #65e5ee26}
.statsectionwrapper .statsgridbox .statcarditem .staticon{font-size:48px;color:#FF1492;margin-bottom:22px}
.statsectionwrapper .statsgridbox .statcarditem .statnumbervalue{font-size:52px;color:#65E5EE;font-weight:700;margin-bottom:12px;line-height:1}
.statsectionwrapper .statsgridbox .statcarditem .statlabeltext{font-size:16px;color:#b4b4b8;line-height:1.5}
.visionmissionarea{background:#0f0f1e;padding:90px 40px;margin:0 auto;max-width:1366px;position:relative}
.visionmissionarea::before{content:'';position:absolute;top:0;left:50%;width:1px;height:100%;background:linear-gradient(180deg,transparent,#f7b3054d,transparent)}
.visionmissionarea .contentwrappercentral{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px}
.visionmissionarea .contentwrappercentral .blockside{padding:40px;background:#ffffff05;border-radius:30px;border:1px solid #f7b3051f}
.visionmissionarea .contentwrappercentral .blockside .blocktopheader{display:flex;align-items:center;gap:18px;margin-bottom:30px}
.visionmissionarea .contentwrappercentral .blockside .blocktopheader .iconshape{width:60px;height:60px;background:linear-gradient(135deg,#F7B305,#FF1492);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff}
.visionmissionarea .contentwrappercentral .blockside .blocktopheader .headingtxt{font-size:28px;color:#fff;font-weight:600}
.visionmissionarea .contentwrappercentral .blockside .paragraphtext{font-size:16px;color:#c7c7cc;line-height:1.8;margin-bottom:16px}
.visionmissionarea .contentwrappercentral .blockside .paragraphtext:last-child{margin-bottom:0}
.approachshowcasezone{background:linear-gradient(168deg,#1a1a2e 0%,#0d0d1a 100%);padding:85px 40px;margin:0 auto;max-width:1366px}
.approachshowcasezone .approachcenteredbox{max-width:1100px;margin:0 auto}
.approachshowcasezone .approachcenteredbox .sectionheading{text-align:center;margin-bottom:65px}
.approachshowcasezone .approachcenteredbox .sectionheading .taglabel{font-size:14px;color:#F7B305;text-transform:uppercase;letter-spacing:1.8px;margin-bottom:16px;display:block}
.approachshowcasezone .approachcenteredbox .sectionheading .maintitle{font-size:38px;color:#fff;font-weight:600;line-height:1.3}
.approachshowcasezone .approachcenteredbox .cardgridholder{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.approachshowcasezone .approachcenteredbox .cardgridholder .approachcard{background:#ffffff0a;border-radius:28px;overflow:hidden;border:1px solid #65e5ee1a;transition:all .4s ease-in-out}
.approachshowcasezone .approachcenteredbox .cardgridholder .approachcard:hover{border-color:#65e5ee59;box-shadow:0 16px 48px #65e5ee1f;transform:translateY(-6px)}
.approachshowcasezone .approachcenteredbox .cardgridholder .approachcard .imageholder{width:100%;height:220px;overflow:hidden}
.approachshowcasezone .approachcenteredbox .cardgridholder .approachcard .imageholder img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease-in-out}
.approachshowcasezone .approachcenteredbox .cardgridholder .approachcard:hover .imageholder img{transform:scale(1.08)}
.approachshowcasezone .approachcenteredbox .cardgridholder .approachcard .textcontent{padding:32px 28px}
.approachshowcasezone .approachcenteredbox .cardgridholder .approachcard .textcontent .cardtitle{font-size:21px;color:#fff;font-weight:600;margin-bottom:14px}
.approachshowcasezone .approachcenteredbox .cardgridholder .approachcard .textcontent .carddescription{font-size:15px;color:#b8b8bd;line-height:1.7}
@media (max-width: 1024px) {
.abouttopwrap .herosplitbox{flex-direction:column}
.abouttopwrap .herosplitbox .imagezoneleft{width:100%;height:350px}
.abouttopwrap .herosplitbox .textareright{width:100%;padding:50px 40px}
.statsectionwrapper .statsgridbox{grid-template-columns:1fr;gap:35px}
.visionmissionarea .contentwrappercentral{grid-template-columns:1fr;gap:50px}
.visionmissionarea::before{display:none}
.approachshowcasezone .approachcenteredbox .cardgridholder{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.abouttopwrap .herosplitbox .textareright .titlehuge{font-size:32px}
.abouttopwrap .herosplitbox .textareright{padding:40px 25px}
.statsectionwrapper{padding:60px 25px}
.visionmissionarea{padding:60px 25px}
.visionmissionarea .contentwrappercentral .blockside{padding:30px 25px}
.approachshowcasezone{padding:60px 25px}
.approachshowcasezone .approachcenteredbox .sectionheading .maintitle{font-size:30px}
}
.programhero{background:linear-gradient(152deg,#1a1a2e 0%,#0f0f1a 50%,#1a1a2e 100%);padding:80px 20px 90px;position:relative;overflow:hidden}
.programhero::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#65e5ee26 0%,transparent 70%);animation:pulseaccent 8s ease-in-out infinite}
@keyframes pulseaccent {
0%,100%{transform:scale(1);opacity:.15}
50%{transform:scale(1.2);opacity:.25}
}
.programhero .herocontainer{max-width:1366px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center;position:relative;z-index:2}
.programhero .herotextbox h1{font-size:52px;line-height:1.2;color:#fff;margin:0 0 24px;font-weight:700}
.programhero .herotextbox h1::after{content:'';display:block;width:90px;height:5px;background:linear-gradient(90deg,#65E5EE 0%,#FF1492 100%);margin-top:20px;border-radius:3px}
.programhero .herotextbox .leadtext{font-size:19px;line-height:1.7;color:#c5c5d8;margin:0 0 32px}
.programhero .heroimagebox{position:relative}
.programhero .heroimagebox img{width:100%;height:460px;object-fit:cover;border-radius:30px;display:block;box-shadow:0 20px 60px #00000080}
.programhero .heroimagebox::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 30%,#1a1a2eb3 100%);border-radius:30px;pointer-events:none}
.programhero .ctabtn{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#65E5EE 0%,#FF1492 100%);color:#fff;text-decoration:none;border-radius:28px;font-size:17px;font-weight:600;transition:all .3s ease-in-out;box-shadow:0 8px 20px #65e5ee4d;z-index:10;position:relative}
.programhero .ctabtn:hover{transform:translateY(-3px);box-shadow:0 12px 30px #65e5ee80}
.approachsection{background:linear-gradient(210deg,#0f0f1a 0%,#1a1a2e 100%);padding:100px 20px}
.approachsection .approachcontainer{max-width:1366px;margin:0 auto}
.approachsection .sectionhead{text-align:center;margin-bottom:70px}
.approachsection .sectionhead h2{font-size:44px;color:#fff;margin:0 0 16px;font-weight:700}
.approachsection .sectionhead h2::before{content:'◆';color:#F7B305;margin-right:12px;font-size:28px}
.approachsection .sectionhead .subtitletext{font-size:18px;color:#a8a8c0;margin:0}
.approachsection .cardgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.approachsection .featurecard{background:linear-gradient(160deg,#65e5ee14 0%,#ff14920d 100%);padding:40px 32px;border-radius:25px;border:1px solid #65e5ee33;transition:all .3s ease-in-out}
.approachsection .featurecard:hover{transform:translateY(-8px);border-color:#65E5EE;box-shadow:0 16px 40px #65e5ee40}
.approachsection .featurecard .iconbox{width:70px;height:70px;background:linear-gradient(135deg,#FF1492 0%,#F7B305 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.approachsection .featurecard .iconbox i{font-size:32px;color:#fff}
.approachsection .featurecard h3{font-size:24px;color:#fff;margin:0 0 14px;font-weight:600}
.approachsection .featurecard .cardtext{font-size:16px;line-height:1.7;color:#b8b8cc;margin:0}
.journeysection{background:#1a1a2e;padding:90px 20px;position:relative;overflow:hidden}
.journeysection::after{content:'';position:absolute;bottom:-100px;left:-100px;width:400px;height:400px;background:radial-gradient(circle,#f7b3051f 0%,transparent 70%)}
.journeysection .journeycontainer{max-width:1366px;margin:0 auto;position:relative;z-index:2}
.journeysection .journeyheader{margin-bottom:60px}
.journeysection .journeyheader h2{font-size:42px;color:#fff;margin:0 0 18px;font-weight:700}
.journeysection .journeyheader .intro{font-size:18px;color:#a8a8c0;max-width:800px;margin:0;line-height:1.6}
.journeysection .phasewrapper{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:50px}
.journeysection .phasebox{background:linear-gradient(170deg,#ff14921a 0%,#1a1a2e80 100%);padding:35px 28px;border-radius:22px;border-left:4px solid #FF1492;position:relative}
.journeysection .phasebox .phasenumber{font-size:48px;font-weight:700;color:#65e5ee4d;line-height:1;margin:0 0 12px}
.journeysection .phasebox h4{font-size:21px;color:#65E5EE;margin:0 0 10px;font-weight:600}
.journeysection .phasebox .phasetext{font-size:15px;color:#c0c0d4;line-height:1.6;margin:0}
.journeysection .pathinfo{background:#f7b30514;padding:40px;border-radius:28px;border:2px solid #f7b3054d}
.journeysection .pathinfo h3{font-size:28px;color:#F7B305;margin:0 0 16px;font-weight:600}
.journeysection .pathinfo .pathtext{font-size:17px;color:#d0d0e0;line-height:1.7;margin:0}
.enrollsection{background:linear-gradient(185deg,#0f0f1a 0%,#1a1a2e 50%,#0f0f1a 100%);padding:110px 20px}
.enrollsection .enrollwrapper{max-width:900px;margin:0 auto;text-align:center}
.enrollsection .enrollwrapper h2{font-size:46px;color:#fff;margin:0 0 24px;font-weight:700;line-height:1.3}
.enrollsection .enrollwrapper .enrolltext{font-size:19px;color:#b5b5ca;line-height:1.7;margin:0 0 40px}
.enrollsection .benefitgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-bottom:50px;text-align:left}
.enrollsection .benefititem{background:#65e5ee0f;padding:24px 28px;border-radius:20px;border:1px solid #65e5ee26;display:flex;align-items:flex-start;gap:18px}
.enrollsection .benefititem i{font-size:26px;color:#65E5EE;flex-shrink:0;margin-top:4px}
.enrollsection .benefititem .benefitcontent h4{font-size:19px;color:#fff;margin:0 0 8px;font-weight:600}
.enrollsection .benefititem .benefitcontent .benefitdesc{font-size:15px;color:#c0c0d4;line-height:1.6;margin:0}
.enrollsection .actionbtn{display:inline-block;padding:18px 50px;background:linear-gradient(120deg,#FF1492 0%,#F7B305 100%);color:#fff;text-decoration:none;border-radius:32px;font-size:18px;font-weight:600;transition:all .3s ease-in-out;box-shadow:0 10px 25px #ff149259;z-index:10;position:relative}
.enrollsection .actionbtn:hover{transform:translateY(-4px);box-shadow:0 16px 40px #ff149280}
@media (max-width: 1024px) {
.programhero .herocontainer{grid-template-columns:1fr;gap:40px}
.programhero .herotextbox h1{font-size:42px}
.approachsection .cardgrid{grid-template-columns:repeat(2,1fr)}
.journeysection .phasewrapper{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.programhero{padding:60px 20px 70px}
.programhero .herotextbox h1{font-size:36px}
.programhero .heroimagebox img{height:320px}
.approachsection{padding:70px 20px}
.approachsection .sectionhead h2{font-size:34px}
.approachsection .cardgrid{grid-template-columns:1fr;gap:28px}
.journeysection{padding:70px 20px}
.journeysection .journeyheader h2{font-size:32px}
.journeysection .phasewrapper{grid-template-columns:1fr;gap:24px}
.enrollsection{padding:80px 20px}
.enrollsection .enrollwrapper h2{font-size:34px}
.enrollsection .benefitgrid{grid-template-columns:1fr}
}
.successwrapper{background:linear-gradient(142deg,#0a0a0a 0%,#1a0a1a 50%,#0a1a1a 100%);min-height:85vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;position:relative;overflow:hidden}
.successwrapper::before{content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle,#65e5ee26 0%,transparent 70%);top:-100px;right:-100px;border-radius:50%}
.successwrapper::after{content:'';position:absolute;width:300px;height:300px;background:radial-gradient(circle,#ff14921f 0%,transparent 70%);bottom:-80px;left:-80px;border-radius:50%}
.confirmationcontainer{max-width:720px;width:100%;position:relative;z-index:2}
.iconzone{text-align:center;margin-bottom:40px;position:relative}
.checkmarkbox{width:120px;height:120px;margin:0 auto 30px;background:linear-gradient(135deg,#65E5EE 0%,#FF1492 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 32px #65e5ee4d;animation:pulseglow 2s ease-in-out infinite}
@keyframes pulseglow {
0%,100%{box-shadow:0 8px 32px #65e5ee4d;transform:scale(1)}
50%{box-shadow:0 12px 48px #ff149266;transform:scale(1.05)}
}
.checkmarkbox::before{content:'';position:absolute;inset:8px;background:#0d0d0d;border-radius:50%}
.checkmarkbox .fa-check{font-size:52px;color:#65E5EE;position:relative;z-index:1;animation:checkdrop .6s ease-out .3s both}
@keyframes checkdrop {
0%{opacity:0;transform:translateY(-20px) scale(0.5)}
100%{opacity:1;transform:translateY(0) scale(1)}
}
.messagetitle{font-size:42px;font-weight:700;color:#fff;margin-bottom:16px;line-height:1.2}
.messagetitle .accent-3{background:linear-gradient(90deg,#65E5EE 0%,#FF1492 50%,#F7B305 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.explanationtext{font-size:18px;color:#b8b8b8;line-height:1.7;margin-bottom:40px}
.nextactionbox{background:#14141e99;border:1px solid #65e5ee33;border-radius:24px;padding:36px;backdrop-filter:blur(10px)}
.actionheading{font-size:22px;font-weight:600;color:#fff;margin-bottom:20px;display:flex;align-items:center;gap:12px}
.actionheading::before{content:'';width:4px;height:28px;background:linear-gradient(180deg,#65E5EE 0%,#FF1492 100%);border-radius:8px}
.actionlist{list-style:none;margin:0 0 32px;padding:0}
.actionlist li{color:#d0d0d0;font-size:16px;line-height:1.8;padding:12px 0 12px 36px;position:relative;border-bottom:1px solid #ffffff0d}
.actionlist li:last-child{border-bottom:none}
.actionlist li::before{content:'\f061';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;left:0;color:#65E5EE;font-size:14px}
.buttonrow{display:flex;gap:16px;flex-wrap:wrap}
.primaryaction{flex:1;min-width:200px;background:linear-gradient(135deg,#65E5EE 0%,#FF1492 100%);color:#fff;font-size:17px;font-weight:600;padding:16px 32px;border:none;border-radius:28px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease-in-out;box-shadow:0 6px 24px #65e5ee4d}
.primaryaction:hover{transform:translateY(-3px);box-shadow:0 10px 32px #ff149266}
.secondaryaction{flex:1;min-width:200px;background:transparent;color:#65E5EE;font-size:17px;font-weight:600;padding:16px 32px;border:2px solid #65E5EE;border-radius:28px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease-in-out}
.secondaryaction:hover{background:#65e5ee1a;border-color:#FF1492;color:#FF1492;transform:translateY(-2px)}
.infonotice{background:linear-gradient(156deg,#f7b30514 0%,#65e5ee14 100%);border-left:4px solid #F7B305;border-radius:16px;padding:24px;margin-top:48px;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start}
.infonotice .fa-lightbulb{font-size:24px;color:#F7B305;margin-top:4px}
.noticetext{color:#d8d8d8;font-size:15px;line-height:1.7}
.noticetext strong{color:#F7B305;font-weight:600}
@media (max-width: 768px) {
.successwrapper{padding:40px 16px}
.checkmarkbox{width:100px;height:100px}
.checkmarkbox .fa-check{font-size:44px}
.messagetitle{font-size:32px}
.explanationtext{font-size:16px}
.nextactionbox{padding:28px 20px}
.actionheading{font-size:20px}
.buttonrow{flex-direction:column}
.primaryaction,.secondaryaction{width:100%;min-width:auto}
.infonotice{grid-template-columns:1fr;gap:12px}
}
@media (max-width: 480px) {
.messagetitle{font-size:28px}
.actionlist li{font-size:15px;padding-left:30px}
}