*{margin:0;padding:0;border:0;box-sizing:border-box}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}
body{font-family:'JetBrains Mono',monospace;font-size:16px;line-height:1.6;color:#2a2a2a;background-color:#FFFBF2}
.domainheaderwrap{background:linear-gradient(135deg,#4bc9fe14 0%,#fffbf2ff 100%);padding:32px 20px;border-bottom:3px solid #4bc9fe33;box-shadow:0 4px 12px #0000000f}
.domainheaderframe{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:200px 1fr 200px;gap:40px;align-items:center}
.domainlogoarea{display:flex;justify-content:flex-start;align-items:center}
.domainlogolink{display:block;transition:transform .3s ease-in-out}
.domainlogolink:hover{transform:scale(1.05)}
.domainlogoimg{width:110px;height:110px;display:block;background:#fffbf299;padding:8px;border:2px solid #4bc9fe4d;box-shadow:0 3px 8px #0000001a}
.domaincompanytitle{text-align:center;padding:0 30px}
.domainbrandname{font-size:42px;font-weight:700;color:#4BC9FE;letter-spacing:2px;text-shadow:2px 2px 4px #00000014}
.domainnav{display:flex;justify-content:flex-end;align-items:center}
.domainnavlist{list-style:none;display:flex;flex-direction:column;gap:12px}
.domainnavitem{position:relative}
.domainnavlink{text-decoration:none;color:#2a2a2a;font-size:15px;font-weight:400;padding:8px 16px;display:block;background:#fffbf2b3;border:1px solid #4bc9fe33;transition:all .3s ease-in-out}
.domainnavlink:hover{background:#4bc9fe26;color:#BB370D;border-color:#4BC9FE}
.domainnavitem.has-dropdown:hover .domainsubmenu{display:block;opacity:1}
.domainsubmenu{display:none;opacity:0;position:absolute;top:100%;left:0;background:#FFFBF2;border:2px solid #4bc9fe4d;box-shadow:0 6px 14px #0000001f;list-style:none;min-width:200px;z-index:1000;margin-top:2px;transition:opacity .3s ease-in-out}
.domainsubitem{border-bottom:1px solid #4bc9fe1a}
.domainsubitem:last-child{border-bottom:none}
.domainsublink{display:block;padding:12px 18px;color:#2a2a2a;text-decoration:none;font-size:14px;transition:all .3s ease-in-out}
.domainsublink:hover{background:#4bc9fe1f;color:#BB370D;padding-left:24px}
.domainfooterwrap{background:linear-gradient(180deg,#fffbf2ff 0%,#4bc9fe1f 100%);padding:48px 20px 32px;border-top:3px solid #4bc9fe40;margin-top:60px}
.domainfooterframe{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr 1fr;gap:40px}
.domainfooterleft{display:flex;justify-content:center;align-items:flex-start}
.domainfooterlogo{text-align:center}
.domainfooterlogoimg{width:90px;height:90px;background:#fffbf2cc;padding:6px;border:2px solid #4bc9fe4d;box-shadow:0 2px 6px #00000014}
.domainfootercenter{text-align:center}
.domainfooternav{margin-bottom:28px}
.domainfooternavlist{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:24px}
.domainfooterlink{color:#2a2a2a;text-decoration:none;font-size:14px;transition:color .3s ease-in-out;border-bottom:1px solid transparent}
.domainfooterlink:hover{color:#4BC9FE;border-bottom-color:#4BC9FE}
.domainfootercontact{margin-bottom:20px}
.domainfooteraddress,.domainfooterphone,.domainfooteremail{font-size:13px;color:#5a5a5a;margin-bottom:6px}
.domainfootercopyright{font-size:13px;color:#7a7a7a;margin-top:24px}
.domainfooterright{display:flex;justify-content:center;align-items:flex-start}
.domainfooterspacer{width:90px;height:90px}
.cookiepopup{position:fixed;top:20px;left:20px;background:#FFFBF2;border:3px solid #4BC9FE;box-shadow:0 8px 20px #00000026;padding:24px;max-width:520px;z-index:10000;display:none}
.cookiepopuptitle{font-size:20px;font-weight:700;color:#BB370D;margin-bottom:12px}
.cookiepopuptext{font-size:14px;line-height:1.5;color:#2a2a2a;margin-bottom:18px}
.cookiepolicylink{color:#4BC9FE;text-decoration:underline}
.cookiepolicylink:hover{color:#BB370D}
.cookiepopupactions{display:flex;gap:10px;flex-wrap:wrap}
.cookiebtn{padding:10px 16px;font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s ease-in-out;border:2px solid transparent}
.cookieaccept{background:#4BC9FE;color:#FFFBF2}
.cookieaccept:hover{background:#3ab0e5;transform:scale(1.04)}
.cookiedecline{background:#BB370D;color:#FFFBF2}
.cookiedecline:hover{background:#a02f0b;transform:scale(1.04)}
.cookiesettings{background:#FFFBF2;color:#2a2a2a;border-color:#4BC9FE}
.cookiesettings:hover{background:#4bc9fe1a;transform:scale(1.04)}
.cookienosell{background:#FFFBF2;color:#2a2a2a;border-color:#BB370D}
.cookienosell:hover{background:#bb370d1a;transform:scale(1.04)}
.cookiedetails{margin-top:20px}
.cookiedetailstitle{font-size:18px;font-weight:700;color:#2a2a2a;margin-bottom:16px}
.cookiecategory{margin-bottom:16px;padding:12px;background:#4bc9fe0f;border-left:3px solid #4BC9FE}
.cookielabel{display:flex;align-items:center;gap:10px;cursor:pointer}
.cookiecheckbox{width:18px;height:18px;cursor:pointer}
.cookiecategoryname{font-size:15px;font-weight:700;color:#2a2a2a}
.cookiecategorydesc{font-size:13px;color:#5a5a5a;margin-top:6px;margin-left:28px}
.cookiedetailactions{display:flex;gap:12px;margin-top:18px}
.cookiesave{background:#4BC9FE;color:#FFFBF2}
.cookiesave:hover{background:#3ab0e5;transform:scale(1.04)}
.cookiecancel{background:#FFFBF2;color:#2a2a2a;border-color:#BB370D}
.cookiecancel:hover{background:#bb370d1a;transform:scale(1.04)}
.cookiemanager{position:fixed;bottom:24px;left:24px;width:56px;height:56px;background:#4BC9FE;color:#FFFBF2;border:none;cursor:pointer;box-shadow:0 4px 12px #0003;display:flex;align-items:center;justify-content:center;z-index:9999;transition:all .3s ease-in-out}
.cookiemanager:hover{background:#3ab0e5;transform:scale(1.08)}
@media (max-width: 1366px) {
.domainheaderframe{grid-template-columns:180px 1fr 180px;gap:30px}
.domainbrandname{font-size:36px}
.domainlogoimg{width:95px;height:95px}
}
@media (max-width: 768px) {
.domainheaderframe{grid-template-columns:1fr;gap:20px;text-align:center}
.domainlogoarea{justify-content:center}
.domainlogoimg{width:80px;height:80px}
.domainbrandname{font-size:28px}
.domainnav{justify-content:center}
.domainnavlist{flex-direction:column;align-items:center;width:100%}
.domainnavitem{width:100%;max-width:280px}
.domainnavlink{text-align:center}
.domainsubmenu{position:static;margin-top:8px;width:100%}
.domainfooterframe{grid-template-columns:1fr;gap:30px}
.domainfooterleft,.domainfooterright{justify-content:center}
.cookiepopup{left:10px;right:10px;max-width:calc(100% - 20px)}
.cookiepopupactions{flex-direction:column}
.cookiebtn{width:100%}
}
@media (max-width: 375px) {
.domainheaderwrap{padding:20px 15px}
.domainbrandname{font-size:24px}
.domainlogoimg{width:70px;height:70px}
.domainnavlink{font-size:14px;padding:8px 12px}
.cookiepopup{padding:18px}
.cookiepopuptitle{font-size:18px}
.cookiepopuptext{font-size:13px}
}
.legal-container{max-width:1280px;margin:0 auto;padding:80px 24px;background:#FFFBF2}
.legal-container h1{font-size:42px;line-height:1.2;color:#1a1a1a;margin:0 0 48px;font-weight:700;letter-spacing:-.5px}
.legal-container h2{font-size:32px;line-height:1.3;color:#2a2a2a;margin:64px 0 24px;font-weight:600;letter-spacing:-.3px}
.legal-container h3{font-size:24px;line-height:1.4;color:#3a3a3a;margin:48px 0 20px;font-weight:600}
.legal-container h4{font-size:20px;line-height:1.5;color:#4a4a4a;margin:32px 0 16px;font-weight:600}
.legal-container h5{font-size:18px;line-height:1.5;color:#5a5a5a;margin:24px 0 12px;font-weight:600}
.legal-container h6{font-size:16px;line-height:1.6;color:#6a6a6a;margin:20px 0 12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.legal-container p{font-size:17px;line-height:1.8;color:#333;margin:0 0 20px}
.legal-container ul{margin:24px 0;padding:0 0 0 32px;list-style-type:disc}
.legal-container ol{margin:24px 0;padding:0 0 0 32px;list-style-type:decimal}
.legal-container li{font-size:17px;line-height:1.8;color:#333;margin:0 0 12px;padding-left:8px}
.legal-container li ul,.legal-container li ol{margin:12px 0}
.legal-container ul ul{list-style-type:circle}
.legal-container ul ul ul{list-style-type:square}
.legal-container em,.legal-container i{font-style:italic;color:#2a2a2a}
.legal-container strong,.legal-container b{font-weight:600;color:#1a1a1a}
.legal-container a{color:#4BC9FE;text-decoration:none;border-bottom:1px solid #4bc9fe4d;transition:all .3s ease-in-out}
.legal-container a:hover{color:#BB370D;border-bottom-color:#bb370d80}
.legal-container a:focus{outline:2px solid #4BC9FE;outline-offset:2px;border-radius:2px}
.legal-container hr{border:none;height:2px;background:linear-gradient(to right,#4bc9fe4d,#bb370d33,#4bc9fe4d);margin:48px 0}
.legal-container table{width:100%;border-collapse:collapse;margin:32px 0}
.legal-container th,.legal-container td{padding:12px 16px;text-align:left;border-bottom:1px solid #4bc9fe33;font-size:16px;line-height:1.6}
.legal-container th{background:#4bc9fe1a;font-weight:600;color:#1a1a1a}
.legal-container td{color:#333}
@media (max-width: 1366px) {
.legal-container{padding:64px 32px}
.legal-container h1{font-size:36px;margin-bottom:40px}
.legal-container h2{font-size:28px;margin-top:56px}
}
@media (max-width: 768px) {
.legal-container{padding:48px 20px}
.legal-container h1{font-size:32px;margin-bottom:32px}
.legal-container h2{font-size:24px;margin-top:48px;margin-bottom:20px}
.legal-container h3{font-size:20px;margin-top:40px}
.legal-container h4{font-size:18px;margin-top:28px}
.legal-container p,.legal-container li{font-size:16px;line-height:1.7}
.legal-container ul,.legal-container ol{padding-left:24px}
}
@media (max-width: 375px) {
.legal-container{padding:32px 16px}
.legal-container h1{font-size:28px;margin-bottom:24px}
.legal-container h2{font-size:22px;margin-top:40px}
.legal-container h3{font-size:18px}
.legal-container ul,.legal-container ol{padding-left:20px}
.legal-container hr{margin:32px 0}
}
.domainaboutheader{position:relative;overflow:hidden;background:linear-gradient(135deg,#4bc9fe1f 0%,#fffbf2cc 100%);padding:80px 20px 60px}
.domainaboutheader .aboutheadercontain{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:60px}
.domainaboutheader .aboutheadertxt{flex:1;z-index:2}
.domainaboutheader .aboutheadertitle{font-size:52px;font-weight:700;color:#1a1a1a;margin:0 0 24px;line-height:1.2}
.domainaboutheader .aboutheaderdesc{font-size:18px;line-height:1.7;color:#3d3d3d;margin:0}
.domainaboutheader .aboutheadervisual{flex:0 0 480px;position:relative;margin-right:-120px}
.domainaboutheader .aboutheadervisual img{width:100%;height:420px;object-fit:cover;border-radius:3px;filter:blur(0.5px) brightness(1.05)}
.domainaboutheader .decorshape{position:absolute;width:140px;height:140px;border-radius:50%;background:#bb370d26;top:-40px;right:200px;z-index:1}
.domainaboutheader .decorshapetwo{position:absolute;width:80px;height:80px;background:#4bc9fe33;bottom:60px;left:-20px;transform:rotate(45deg);z-index:1}
.domainmissionblock{background:#fff;padding:90px 20px}
.domainmissionblock .missioncontain{max-width:1280px;margin:0 auto}
.domainmissionblock .missiongrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px}
.domainmissionblock .missioncard{background:linear-gradient(180deg,#FFFBF2 0%,#fffbf266 100%);padding:40px 32px;border-radius:4px;border-left:4px solid #4BC9FE;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}
.domainmissionblock .missioncard:hover{transform:translateY(-6px);box-shadow:0 12px 24px #4bc9fe26}
.domainmissionblock .missioncard.is-secondary{border-left-color:#BB370D}
.domainmissionblock .missioniconholder{width:64px;height:64px;background:#4bc9fe33;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 0 24px}
.domainmissionblock .missioncard.is-secondary .missioniconholder{background:#bb370d33}
.domainmissionblock .missioniconholder svg{width:32px;height:32px;fill:#4BC9FE}
.domainmissionblock .missioncard.is-secondary .missioniconholder svg{fill:#BB370D}
.domainmissionblock .missiontitle{font-size:24px;font-weight:600;color:#1a1a1a;margin:0 0 16px}
.domainmissionblock .missiontext{font-size:16px;line-height:1.7;color:#4a4a4a;margin:0}
.domainvaluesection{background:linear-gradient(90deg,#fffbf2e6 0%,#4bc9fe14 100%);padding:100px 20px;position:relative}
.domainvaluesection::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:1400px;height:3px;background:linear-gradient(90deg,transparent 0%,#4BC9FE 50%,transparent 100%)}
.domainvaluesection .valuecontain{max-width:1280px;margin:0 auto}
.domainvaluesection .valuetoprow{display:flex;gap:80px;align-items:flex-start;margin-bottom:60px}
.domainvaluesection .valuetextarea{flex:1}
.domainvaluesection .valuemaintitle{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 28px;line-height:1.3}
.domainvaluesection .valuemaintitle::before{content:'';display:block;width:60px;height:4px;background:#BB370D;margin-bottom:20px}
.domainvaluesection .valueintro{font-size:17px;line-height:1.75;color:#3d3d3d;margin:0}
.domainvaluesection .valueimagearea{flex:0 0 420px}
.domainvaluesection .valueimagearea img{width:100%;height:340px;object-fit:cover;border-radius:4px;box-shadow:0 8px 16px #0000001a}
.domainvaluesection .valuelist{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.domainvaluesection .valueitem{display:flex;gap:20px}
.domainvaluesection .valueicon{flex:0 0 48px;height:48px;background:#4bc9fe40;border-radius:3px;display:flex;align-items:center;justify-content:center}
.domainvaluesection .valueicon svg{width:24px;height:24px;fill:#BB370D}
.domainvaluesection .valuedetail{flex:1}
.domainvaluesection .valuetitle{font-size:20px;font-weight:600;color:#1a1a1a;margin:0 0 12px}
.domainvaluesection .valuetext{font-size:16px;line-height:1.7;color:#4a4a4a;margin:0}
.domainapproachzone{background:#fff;padding:90px 20px}
.domainapproachzone .approachcontain{max-width:1280px;margin:0 auto}
.domainapproachzone .approachtitle{font-size:38px;font-weight:700;color:#1a1a1a;text-align:center;margin:0 0 70px}
.domainapproachzone .approachsteps{position:relative}
.domainapproachzone .approachsteps::before{content:'';position:absolute;left:40px;top:40px;bottom:40px;width:2px;background:linear-gradient(180deg,#4BC9FE 0%,#BB370D 100%);z-index:1}
.domainapproachzone .stepitem{display:flex;gap:40px;margin-bottom:50px;position:relative}
.domainapproachzone .stepitem:last-child{margin-bottom:0}
.domainapproachzone .stepnumber{flex:0 0 80px;height:80px;background:linear-gradient(135deg,#4BC9FE 0%,#4bc9feb3 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;z-index:2;position:relative}
.domainapproachzone .stepitem:nth-child(2n) .stepnumber{background:linear-gradient(135deg,#BB370D 0%,#bb370db3 100%)}
.domainapproachzone .stepcontent{flex:1;padding-top:8px}
.domainapproachzone .steptitle{font-size:22px;font-weight:600;color:#1a1a1a;margin:0 0 14px}
.domainapproachzone .steptext{font-size:16px;line-height:1.7;color:#4a4a4a;margin:0}
.domainteamzone{background:linear-gradient(180deg,#4bc9fe14 0%,#FFFBF2 100%);padding:90px 20px;position:relative}
.domainteamzone::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#bb370d4d 50%,transparent 100%)}
.domainteamzone .teamcontain{max-width:1280px;margin:0 auto}
.domainteamzone .teamheader{text-align:center;margin-bottom:60px}
.domainteamzone .teamtitle{font-size:40px;font-weight:700;color:#1a1a1a;margin:0 0 20px}
.domainteamzone .teamsubtitle{font-size:18px;line-height:1.7;color:#4a4a4a;margin:0 auto;max-width:720px}
.domainteamzone .teammemberlayout{display:flex;gap:60px;align-items:center}
.domainteamzone .memberphoto{flex:0 0 320px}
.domainteamzone .memberphoto img{width:100%;height:380px;object-fit:cover;border-radius:4px;box-shadow:0 10px 20px #0000001f}
.domainteamzone .memberinfo{flex:1}
.domainteamzone .membername{font-size:32px;font-weight:700;color:#1a1a1a;margin:0 0 8px}
.domainteamzone .memberrole{font-size:18px;font-weight:500;color:#4BC9FE;margin:0 0 24px}
.domainteamzone .memberbio{font-size:16px;line-height:1.75;color:#4a4a4a;margin:0 0 28px}
.domainteamzone .memberquote{background:#fffbf2cc;border-left:3px solid #BB370D;padding:20px 24px;font-style:italic;font-size:16px;line-height:1.7;color:#3d3d3d;margin:0}
@media (max-width: 1366px) {
.domainaboutheader .aboutheadervisual{flex:0 0 400px;margin-right:-80px}
.domainaboutheader .aboutheadervisual img{height:360px}
}
@media (max-width: 768px) {
.domainaboutheader{padding:60px 20px 40px}
.domainaboutheader .aboutheadercontain{flex-direction:column;gap:40px}
.domainaboutheader .aboutheadertitle{font-size:36px;margin-bottom:16px}
.domainaboutheader .aboutheaderdesc{font-size:16px}
.domainaboutheader .aboutheadervisual{flex:1;width:100%;margin-right:0}
.domainaboutheader .aboutheadervisual img{height:280px}
.domainaboutheader .decorshape{width:100px;height:100px;top:-30px;right:20px}
.domainaboutheader .decorshapetwo{width:60px;height:60px;bottom:40px}
.domainmissionblock{padding:60px 20px}
.domainmissionblock .missiongrid{grid-template-columns:1fr;gap:30px}
.domainvaluesection{padding:70px 20px}
.domainvaluesection .valuetoprow{flex-direction:column;gap:40px;margin-bottom:40px}
.domainvaluesection .valuemaintitle{font-size:32px;margin-bottom:20px}
.domainvaluesection .valueintro{font-size:16px}
.domainvaluesection .valueimagearea{flex:1;width:100%}
.domainvaluesection .valueimagearea img{height:260px}
.domainvaluesection .valuelist{grid-template-columns:1fr;gap:30px}
.domainapproachzone{padding:60px 20px}
.domainapproachzone .approachtitle{font-size:30px;margin-bottom:50px}
.domainapproachzone .approachsteps::before{left:30px}
.domainapproachzone .stepnumber{flex:0 0 60px;height:60px;font-size:26px}
.domainapproachzone .stepitem{gap:24px;margin-bottom:40px}
.domainapproachzone .steptitle{font-size:20px}
.domainteamzone{padding:60px 20px}
.domainteamzone .teamtitle{font-size:32px}
.domainteamzone .teamsubtitle{font-size:16px}
.domainteamzone .teammemberlayout{flex-direction:column;gap:40px}
.domainteamzone .memberphoto{flex:1;width:100%}
.domainteamzone .memberphoto img{height:320px}
.domainteamzone .membername{font-size:26px}
.domainteamzone .memberrole{font-size:16px}
}
@media (max-width: 375px) {
.domainaboutheader .aboutheadertitle{font-size:28px}
.domainmissionblock .missioncard{padding:30px 24px}
.domainvaluesection .valuemaintitle{font-size:28px}
.domainapproachzone .approachtitle{font-size:26px}
.domainteamzone .teamtitle{font-size:28px}
}
.domaintitlezone{background:linear-gradient(135deg,#FFFBF2 0%,#4bc9fe1f 100%);padding:140px 0 120px;position:relative;overflow:hidden}
.domaintitlezone::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#4bc9fe26 0%,transparent 70%);animation:gentleglow 8s ease-in-out infinite}
@keyframes gentleglow {
0%,100%{transform:scale(1) translateY(0);opacity:.6}
50%{transform:scale(1.2) translateY(-20px);opacity:.9}
}
.domaintitlezone::after{content:'';position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#bb370d14 0%,transparent 70%);animation:gentleglow 10s ease-in-out infinite reverse}
.titleinnercont{max-width:1280px;margin:0 auto;padding:0 40px;position:relative;z-index:2}
.titlecontentgrid{display:flex;flex-direction:row;align-items:center;gap:80px}
.titletextside{flex:1;max-width:580px}
.titleimageside{flex:1;position:relative}
.titleimageside img{width:100%;height:auto;max-width:540px;border-radius:4px;box-shadow:0 12px 40px #4bc9fe33;animation:softfloat 6s ease-in-out infinite}
@keyframes softfloat {
0%,100%{transform:translateY(0)}
50%{transform:translateY(-15px)}
}
.titleimageside::before{content:'';position:absolute;top:-20px;left:-20px;width:100px;height:100px;background:linear-gradient(135deg,#4bc9fe4d 0%,transparent 100%);border-radius:3px;z-index:-1}
.maintitletext{font-size:52px;font-weight:700;line-height:1.2;color:#1a1a1a;margin:0 0 32px;letter-spacing:-.5px}
.maintitletext::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#4BC9FE 0%,#BB370D 100%);margin-top:24px;border-radius:2px}
.titledescriptiontext{font-size:19px;line-height:1.7;color:#333;margin:0 0 40px}
.titleactionbtn{display:inline-block;background:linear-gradient(135deg,#4BC9FE 0%,#3a9fcf 100%);color:#fff;font-size:17px;font-weight:600;padding:16px 42px;border-radius:4px;text-decoration:none;transition:all .3s ease-in-out;box-shadow:0 4px 16px #4bc9fe4d}
.titleactionbtn:hover{transform:scale(1.05);box-shadow:0 6px 24px #4bc9fe80}
.activityeventszone{padding:100px 0;background:#fff}
.activityinnercont{max-width:1280px;margin:0 auto;padding:0 40px}
.activityheadingtext{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 16px;text-align:center}
.activitysubtext{font-size:18px;line-height:1.6;color:#555;margin:0 0 60px;text-align:center;max-width:720px;margin-left:auto;margin-right:auto}
.activitygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.activitycard{background:linear-gradient(135deg,#FFFBF2 0%,#4bc9fe0d 100%);padding:40px 32px;border-radius:6px;border:1px solid #4bc9fe33;transition:all .3s ease-in-out;position:relative;overflow:hidden}
.activitycard::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#4BC9FE 0%,#BB370D 100%);transition:height .3s ease-in-out}
.activitycard:hover::before{height:100%}
.activitycard:hover{transform:translateY(-6px);box-shadow:0 12px 32px #4bc9fe33;border-color:#4BC9FE}
.activitycardicon{width:64px;height:64px;margin-bottom:24px}
.activitycardtitle{font-size:22px;font-weight:700;color:#1a1a1a;margin:0 0 16px}
.activitycarddesc{font-size:16px;line-height:1.7;color:#444;margin:0}
.opportunitieszone{padding:100px 0;background:linear-gradient(180deg,#4bc9fe0f 0%,#FFFBF2 100%);position:relative}
.opportunitiesinnercont{max-width:1280px;margin:0 auto;padding:0 40px}
.opportunitiesheadingtext{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 70px;text-align:center;position:relative}
.opportunitiesheadingtext::before{content:'';position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);width:120px;height:3px;background:linear-gradient(90deg,#BB370D 0%,#4BC9FE 100%);border-radius:2px}
.opportunitieslist{display:flex;flex-direction:column;gap:40px}
.opportunityrow{display:flex;flex-direction:row;align-items:center;gap:60px;background:#fff;padding:48px;border-radius:6px;box-shadow:0 4px 20px #0000000f}
.opportunityrow:nth-child(even){flex-direction:row-reverse}
.opportunityimgside{flex:0 0 420px}
.opportunityimgside img{width:100%;height:auto;border-radius:4px;box-shadow:0 8px 24px #4bc9fe26}
.opportunitytextside{flex:1}
.opportunitytitle{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 20px;position:relative;padding-left:20px}
.opportunitytitle::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:40px;background:#4BC9FE;border-radius:3px}
.opportunitydesc{font-size:17px;line-height:1.8;color:#444;margin:0 0 24px}
.opportunityfeatures{display:flex;flex-direction:column;gap:12px}
.opportunityfeatureitem{display:flex;align-items:center;gap:12px;font-size:16px;color:#333}
.opportunityfeatureitem::before{content:'✓';display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#4bc9fe26;color:#4BC9FE;font-weight:700;border-radius:50%;flex-shrink:0}
.guaranteeszone{padding:100px 0;background:#fff}
.guaranteesinnercont{max-width:1280px;margin:0 auto;padding:0 40px}
.guaranteesheadingtext{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 24px;text-align:center}
.guaranteessubtext{font-size:18px;line-height:1.7;color:#555;margin:0 0 60px;text-align:center;max-width:760px;margin-left:auto;margin-right:auto}
.guaranteesgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.guaranteecard{background:linear-gradient(135deg,#FFFBF2 0%,#bb370d0a 100%);padding:48px 40px;border-radius:6px;border:2px solid #bb370d26;position:relative;transition:all .3s ease-in-out}
.guaranteecard:hover{transform:scale(1.03);box-shadow:0 8px 28px #bb370d26;border-color:#BB370D}
.guaranteecardicon{width:72px;height:72px;margin-bottom:28px}
.guaranteecardtitle{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 20px}
.guaranteecarddesc{font-size:16px;line-height:1.8;color:#444;margin:0}
.expertisezone{padding:100px 0;background:linear-gradient(180deg,#4bc9fe0a 0%,#FFFBF2 100%)}
.expertiseinnercont{max-width:1280px;margin:0 auto;padding:0 40px}
.expertiseheadingtext{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 20px;text-align:center}
.expertisesubheading{font-size:18px;line-height:1.7;color:#555;margin:0 0 70px;text-align:center;max-width:800px;margin-left:auto;margin-right:auto}
.expertisegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px;align-items:start}
.expertprofileside{display:flex;flex-direction:column;gap:32px}
.expertprofilecard{background:#fff;padding:36px;border-radius:6px;box-shadow:0 6px 24px #00000014;display:flex;align-items:center;gap:28px}
.expertprofileimg{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid #4BC9FE;flex-shrink:0}
.expertprofileinfo{flex:1}
.expertprofilename{font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 8px}
.expertprofilerole{font-size:15px;color:#4BC9FE;margin:0 0 12px;font-weight:600}
.expertprofiledesc{font-size:15px;line-height:1.6;color:#555;margin:0}
.expertcontentside{display:flex;flex-direction:column;gap:28px}
.expertstatcard{background:#fff;padding:32px;border-radius:6px;box-shadow:0 4px 20px #0000000f;border-left:4px solid #4BC9FE;transition:all .3s ease-in-out}
.expertstatcard:hover{transform:translateX(8px);box-shadow:0 8px 28px #4bc9fe33}
.expertstatnumber{font-size:46px;font-weight:700;color:#4BC9FE;margin:0 0 12px;line-height:1}
.expertstatlabel{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 10px}
.expertstatdesc{font-size:15px;line-height:1.6;color:#555;margin:0}
@media (max-width: 1366px) {
.titlecontentgrid{gap:60px}
.activitygrid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.domaintitlezone{padding:80px 0 60px}
.titleinnercont,.activityinnercont,.opportunitiesinnercont,.guaranteesinnercont,.expertiseinnercont{padding:0 24px}
.titlecontentgrid{flex-direction:column;gap:40px}
.titletextside{max-width:100%}
.maintitletext{font-size:36px}
.titledescriptiontext{font-size:17px}
.activityeventszone,.opportunitieszone,.guaranteeszone,.expertisezone{padding:60px 0}
.activityheadingtext,.opportunitiesheadingtext,.guaranteesheadingtext,.expertiseheadingtext{font-size:32px}
.activitygrid{grid-template-columns:1fr}
.opportunityrow,.opportunityrow:nth-child(even){flex-direction:column;padding:32px;gap:32px}
.opportunityimgside{flex:1 1 auto;width:100%}
.guaranteesgrid{grid-template-columns:1fr}
.expertisegrid{grid-template-columns:1fr}
}
@media (max-width: 375px) {
.maintitletext{font-size:28px}
.titleinnercont,.activityinnercont,.opportunitiesinnercont,.guaranteesinnercont,.expertiseinnercont{padding:0 16px}
.opportunityrow,.opportunityrow:nth-child(even){padding:24px}
}
.domaincontactpage{background:linear-gradient(135deg,#FFFBF2 0%,#4bc9fe14 100%);min-height:100vh;padding:0;margin:0}
.herocontactzone{position:relative;max-width:1280px;margin:0 auto;padding:80px 24px 60px;overflow:hidden}
.herocontactzone::before{content:'';position:absolute;top:-100px;right:-80px;width:400px;height:400px;background:radial-gradient(circle,#4bc9fe40 0%,transparent 70%);filter:blur(60px);animation:floatblur 8s ease-in-out infinite;z-index:1}
.herocontactzone::after{content:'';position:absolute;bottom:-120px;left:-60px;width:350px;height:350px;background:radial-gradient(circle,#bb370d26 0%,transparent 70%);filter:blur(80px);animation:floatblur 10s ease-in-out infinite reverse;z-index:1}
@keyframes floatblur {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(20px,-30px) scale(1.1)}
}
.herotitlewrap{position:relative;z-index:2;text-align:center;max-width:680px;margin:0 auto 50px}
.herotitlewrap h1{font-size:48px;line-height:1.2;color:#1a1a1a;margin:0 0 18px;font-weight:700;letter-spacing:-.5px}
.herotitlewrap p{font-size:20px;line-height:1.6;color:#4a4a4a;margin:0}
.herovisualwrap{position:relative;z-index:2;max-width:900px;margin:0 auto;border-radius:6px;overflow:hidden;box-shadow:0 8px 24px #00000014;animation:gentlefloat 6s ease-in-out infinite}
@keyframes gentlefloat {
0%,100%{transform:translateY(0)}
50%{transform:translateY(-12px)}
}
.herovisualwrap img{width:100%;height:380px;object-fit:cover;display:block}
.contactformarea{max-width:1280px;margin:0 auto;padding:80px 24px;position:relative}
.formcontainerwrap{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:start}
.infoblock{background:#fff;border-radius:4px;padding:48px 40px;box-shadow:0 4px 16px #0000000f}
.infoblock h2{font-size:32px;line-height:1.3;color:#1a1a1a;margin:0 0 28px;font-weight:700}
.infoblock p{font-size:17px;line-height:1.7;color:#4a4a4a;margin:0 0 36px}
.contactdetaillist{list-style:none;padding:0;margin:0}
.contactdetaillist li{display:flex;align-items:start;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #4bc9fe26}
.contactdetaillist li:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}
.contactdetaillist svg{width:24px;height:24px;flex-shrink:0;margin-right:16px;margin-top:2px}
.contactdetaillist .detailtextwrap{flex:1}
.contactdetaillist .detailtextwrap strong{display:block;font-size:15px;color:#4BC9FE;margin-bottom:4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.contactdetaillist .detailtextwrap span{font-size:17px;color:#2a2a2a;line-height:1.5}
.contactdetaillist .detailtextwrap a{color:#2a2a2a;text-decoration:none;transition:color .2s ease-in-out}
.contactdetaillist .detailtextwrap a:hover{color:#4BC9FE}
.actualformbox{background:#fff;border-radius:4px;padding:52px 48px;box-shadow:0 6px 20px #00000014;border-top:3px solid #4BC9FE}
.actualformbox h3{font-size:28px;line-height:1.3;color:#1a1a1a;margin:0 0 32px;font-weight:700}
.inputgrid{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:24px}
.inputgrid label{display:block;font-size:15px;color:#2a2a2a;margin-bottom:8px;font-weight:600}
.inputgrid input[type="text"],.inputgrid input[type="email"],.inputgrid input[type="tel"]{width:100%;padding:14px 16px;font-size:16px;border:2px solid #e0e0e0;border-radius:3px;background:#FFFBF2;color:#2a2a2a;transition:all .2s ease-in-out;box-sizing:border-box}
.inputgrid input[type="text"]:focus,.inputgrid input[type="email"]:focus,.inputgrid input[type="tel"]:focus{outline:none;border-color:#4BC9FE;box-shadow:0 0 0 3px #4bc9fe1a}
.timepreferencegroup{margin-bottom:28px}
.timepreferencegroup p{font-size:15px;color:#2a2a2a;margin:0 0 14px;font-weight:600}
.timeoptionlist{display:flex;flex-wrap:wrap;gap:12px}
.timeoptionlist input[type="radio"]{display:none}
.timeoptionlist label{display:inline-block;padding:11px 22px;font-size:15px;color:#4a4a4a;background:#FFFBF2;border:2px solid #e0e0e0;border-radius:3px;cursor:pointer;transition:all .2s ease-in-out;font-weight:500}
.timeoptionlist input[type="radio"]:checked + label{background:#4BC9FE;color:#fff;border-color:#4BC9FE;transform:scale(1.04)}
.timeoptionlist label:hover{border-color:#4BC9FE;transform:scale(1.02)}
.privacyconsentbox{margin-bottom:28px;display:flex;align-items:start}
.privacyconsentbox input[type="checkbox"]{width:20px;height:20px;margin-right:12px;margin-top:2px;cursor:pointer;flex-shrink:0;accent-color:#4BC9FE}
.privacyconsentbox label{font-size:15px;line-height:1.6;color:#4a4a4a;cursor:pointer}
.privacyconsentbox label a{color:#4BC9FE;text-decoration:none;font-weight:600}
.privacyconsentbox label a:hover{text-decoration:underline}
.submitbuttonwrap{text-align:left}
.submitbuttonwrap button{padding:16px 48px;font-size:17px;color:#fff;background:linear-gradient(135deg,#4BC9FE 0%,#3aa8d6 100%);border:none;border-radius:3px;cursor:pointer;font-weight:600;box-shadow:0 4px 12px #4bc9fe4d;transition:all .2s ease-in-out;position:relative;z-index:10}
.submitbuttonwrap button:hover{transform:scale(1.05);box-shadow:0 6px 18px #4bc9fe66}
.submitbuttonwrap button:active{transform:scale(1.02)}
.additionalinfosection{max-width:1280px;margin:0 auto;padding:0 24px 80px}
.additionalinfowrap{background:#fff;border-radius:4px;padding:56px 48px;box-shadow:0 4px 16px #0000000f;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.textinfocolumn h2{font-size:34px;line-height:1.3;color:#1a1a1a;margin:0 0 24px;font-weight:700;position:relative;display:inline-block}
.textinfocolumn h2::after{content:'';position:absolute;bottom:-8px;left:0;width:60px;height:4px;background:linear-gradient(90deg,#4BC9FE 0%,#BB370D 100%);border-radius:2px}
.textinfocolumn p{font-size:17px;line-height:1.7;color:#4a4a4a;margin:0 0 18px}
.textinfocolumn p:last-child{margin-bottom:0}
.visualinfocolumn{position:relative}
.visualinfocolumn img{width:100%;height:380px;object-fit:cover;border-radius:4px;box-shadow:0 6px 20px #00000014}
@media (max-width: 1366px) {
.herocontactzone{padding:60px 20px 50px}
.herotitlewrap h1{font-size:42px}
.formcontainerwrap{gap:48px}
.contactformarea{padding:60px 20px}
.additionalinfosection{padding:0 20px 60px}
}
@media (max-width: 768px) {
.herocontactzone{padding:40px 16px}
.herotitlewrap h1{font-size:32px;margin-bottom:14px}
.herotitlewrap p{font-size:17px}
.herovisualwrap{margin-top:32px}
.herovisualwrap img{height:280px}
.contactformarea{padding:50px 16px}
.formcontainerwrap{grid-template-columns:1fr;gap:36px}
.infoblock{padding:36px 28px}
.infoblock h2{font-size:26px;margin-bottom:20px}
.actualformbox{padding:40px 28px}
.actualformbox h3{font-size:24px;margin-bottom:26px}
.timeoptionlist{flex-direction:column}
.timeoptionlist label{width:100%;text-align:center}
.submitbuttonwrap button{width:100%}
.additionalinfosection{padding:0 16px 50px}
.additionalinfowrap{grid-template-columns:1fr;padding:40px 28px;gap:32px}
.textinfocolumn h2{font-size:28px}
.visualinfocolumn img{height:300px}
}
@media (max-width: 375px) {
.herotitlewrap h1{font-size:28px}
.herovisualwrap img{height:240px}
.infoblock{padding:28px 20px}
.actualformbox{padding:32px 20px}
.additionalinfowrap{padding:32px 20px}
.visualinfocolumn img{height:260px}
}
.domain-programhero{background:linear-gradient(135deg,#4bc9fe1f 0%,#fffbf2f2 100%);padding:80px 20px 100px;position:relative;overflow:hidden}
.domain-programhero::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#4bc9fe26 0%,transparent 70%);border-radius:50%}
.programheromaxwidth{max-width:1280px;margin:0 auto;position:relative;z-index:2}
.herographiccentered{display:flex;flex-direction:column;align-items:center;gap:50px}
.herotextcontent{text-align:center;max-width:800px}
.herotextcontent h1{font-size:48px;line-height:1.2;color:#1a1a1a;margin:0 0 28px;font-weight:700}
.herotextcontent h1::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#4BC9FE 0%,#BB370D 100%);margin:24px auto 0;border-radius:2px}
.herotextcontent .herodesctext{font-size:18px;line-height:1.7;color:#4a4a4a;margin:0}
.heroimageframe{width:100%;max-width:700px;position:relative}
.heroimageframe img{width:100%;height:auto;border-radius:6px;box-shadow:0 12px 32px #4bc9fe40;display:block}
.heroimageframe::before{content:'';position:absolute;top:-15px;left:-15px;right:15px;bottom:15px;border:2px solid #4bc9fe4d;border-radius:6px;z-index:-1}
.curriculum-splitzone{padding:90px 20px;background:#fff}
.curriculumcontainer{max-width:1280px;margin:0 auto}
.curriculum-splitzone .splitgridlayout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.curriculumleftcol h2{font-size:36px;line-height:1.3;color:#1a1a1a;margin:0 0 24px;font-weight:700}
.curriculumleftcol h2::before{content:'';display:inline-block;width:6px;height:36px;background:#4BC9FE;margin-right:16px;vertical-align:middle}
.curriculumleftcol .introblock{font-size:17px;line-height:1.8;color:#3a3a3a;margin:0 0 32px}
.curriculumleftcol .modulelist{list-style:none;padding:0;margin:0}
.curriculumleftcol .modulelist li{padding:18px 0 18px 50px;position:relative;border-bottom:1px solid #4bc9fe33;font-size:16px;line-height:1.6;color:#2a2a2a}
.curriculumleftcol .modulelist li::before{content:'';position:absolute;left:0;top:22px;width:32px;height:32px;background:linear-gradient(135deg,#4BC9FE 0%,#4bc9fe80 100%);border-radius:50%}
.curriculumleftcol .modulelist li::after{content:'→';position:absolute;left:8px;top:21px;color:#fff;font-size:18px;font-weight:700}
.curriculumrightcol img{width:100%;height:auto;border-radius:4px;box-shadow:0 6px 24px #0000001f}
.formatstructure{background:linear-gradient(180deg,#FFFBF2 0%,#fffbf266 100%);padding:90px 20px}
.formatwrap{max-width:1280px;margin:0 auto}
.formatstructure .sectiontitle{text-align:center;margin-bottom:60px}
.formatstructure .sectiontitle h2{font-size:38px;line-height:1.3;color:#1a1a1a;margin:0 0 18px;font-weight:700}
.formatstructure .sectiontitle .subtitle{font-size:17px;line-height:1.6;color:#5a5a5a;margin:0;max-width:700px;margin-left:auto;margin-right:auto}
.formatcards{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.singleformatcard{background:#fff;padding:40px 32px;border-radius:5px;box-shadow:0 4px 16px #4bc9fe26;transition:all .3s ease-in-out;border-top:3px solid transparent}
.singleformatcard:hover{transform:scale(1.04);box-shadow:0 8px 28px #4bc9fe40;border-top-color:#4BC9FE}
.singleformatcard .cardicon{width:54px;height:54px;background:linear-gradient(135deg,#4bc9fe33 0%,#bb370d1a 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.singleformatcard .cardicon svg{width:28px;height:28px;fill:#4BC9FE}
.singleformatcard h3{font-size:22px;line-height:1.4;color:#1a1a1a;margin:0 0 14px;font-weight:600}
.singleformatcard .carddesc{font-size:15px;line-height:1.7;color:#4a4a4a;margin:0}
.enrollmentzone{padding:100px 20px;background:#fff;position:relative}
.enrollmentzone::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#4BC9FE 50%,transparent 100%)}
.enrollmentwrapper{max-width:1280px;margin:0 auto}
.enrollmentlayout{display:flex;flex-direction:row-reverse;gap:70px;align-items:center}
.enrollmenttext{flex:1}
.enrollmenttext h2{font-size:40px;line-height:1.25;color:#1a1a1a;margin:0 0 26px;font-weight:700}
.enrollmenttext h2 span{color:#4BC9FE;position:relative}
.enrollmenttext h2 span::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:3px;background:#BB370D;border-radius:2px}
.enrollmenttext .enrolldescription{font-size:17px;line-height:1.8;color:#3a3a3a;margin:0 0 36px}
.enrollmenttext .steplist{list-style:none;padding:0;margin:0 0 40px}
.enrollmenttext .steplist li{padding:14px 0 14px 44px;position:relative;font-size:16px;line-height:1.6;color:#2a2a2a;margin-bottom:12px}
.enrollmenttext .steplist li::before{content:'';position:absolute;left:0;top:14px;width:28px;height:28px;background:#BB370D;border-radius:3px;opacity:.85}
.enrollmenttext .steplist li::after{content:'✓';position:absolute;left:7px;top:13px;color:#fff;font-size:16px;font-weight:700}
.enrollcta{display:inline-block;padding:16px 42px;background:linear-gradient(135deg,#4BC9FE 0%,#3ab0e8 100%);color:#fff;text-decoration:none;font-size:17px;font-weight:600;border-radius:4px;box-shadow:0 4px 14px #4bc9fe59;transition:all .3s ease-in-out}
.enrollcta:hover{transform:scale(1.06);box-shadow:0 6px 20px #4bc9fe73;background:linear-gradient(135deg,#3ab0e8 0%,#4BC9FE 100%)}
.enrollmentvisual{flex:0 0 480px}
.enrollmentvisual img{width:100%;height:auto;border-radius:5px;box-shadow:0 8px 24px #0000001a}
@media (max-width: 1366px) {
.domain-programhero{padding:70px 20px 80px}
.herotextcontent h1{font-size:42px}
.curriculum-splitzone .splitgridlayout{gap:50px}
.formatcards{gap:28px}
.enrollmentlayout{gap:60px}
}
@media (max-width: 768px) {
.domain-programhero{padding:50px 20px 60px}
.herotextcontent h1{font-size:32px;margin-bottom:20px}
.herotextcontent .herodesctext{font-size:16px}
.herographiccentered{gap:35px}
.curriculum-splitzone{padding:60px 20px}
.curriculum-splitzone .splitgridlayout{grid-template-columns:1fr;gap:40px}
.curriculumleftcol h2{font-size:28px}
.formatstructure{padding:60px 20px}
.formatstructure .sectiontitle{margin-bottom:40px}
.formatstructure .sectiontitle h2{font-size:30px}
.formatcards{grid-template-columns:1fr;gap:24px}
.enrollmentzone{padding:70px 20px}
.enrollmentlayout{flex-direction:column;gap:40px}
.enrollmentvisual{flex:1;width:100%}
.enrollmenttext h2{font-size:30px}
}
@media (max-width: 375px) {
.domain-programhero{padding:40px 16px 50px}
.herotextcontent h1{font-size:26px}
.curriculumleftcol h2{font-size:24px}
.formatstructure .sectiontitle h2{font-size:26px}
.enrollmenttext h2{font-size:26px}
.enrollcta{padding:14px 32px;font-size:16px}
}
.herospacecourses{background:linear-gradient(135deg,#4BC9FE 0%,#4bc9fe1a 100%);padding:80px 20px;position:relative;overflow:hidden}
.herospacecourses::before{content:'';position:absolute;width:400px;height:400px;background:#bb370d26;border-radius:50%;top:-100px;right:-100px;z-index:1}
.herospacecourses::after{content:'';position:absolute;width:300px;height:300px;background:#fffbf24d;border-radius:50%;bottom:-80px;left:-80px;z-index:1}
.herocontent{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:60px;position:relative;z-index:2}
.herotextside{flex:1}
.herotextside h1{font-size:48px;line-height:1.2;margin-bottom:24px;color:#1a1a1a}
.herotextside h1 .accentword{color:#BB370D;position:relative;display:inline-block}
.herotextside h1 .accentword::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:#4BC9FE}
.herotextside .herodescription{font-size:18px;line-height:1.7;color:#333;margin-bottom:32px}
.heroimgside{flex:1;position:relative}
.heroimgside img{width:100%;height:480px;object-fit:cover;border-radius:4px;box-shadow:0 8px 24px #0000001f}
.heroimgside::before{content:'';position:absolute;top:-20px;left:-20px;width:100px;height:100px;border:3px solid #4BC9FE;z-index:-1}
.advantagegrid{max-width:1280px;margin:0 auto;padding:100px 20px;background:#FFFBF2}
.advantagegrid h2{font-size:36px;text-align:center;margin-bottom:60px;color:#1a1a1a}
.advantagerows{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.advantagecard{background:#fff;padding:40px 30px;border-radius:3px;box-shadow:0 4px 12px #00000014;transition:all .3s ease-in-out;position:relative}
.advantagecard::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:#4BC9FE;transition:height .3s ease-in-out}
.advantagecard:hover{transform:scale(1.04);box-shadow:0 12px 28px #00000026}
.advantagecard:hover::before{height:100%}
.advantagecard h3{font-size:22px;margin-bottom:16px;color:#BB370D}
.advantagecard .cardtext{font-size:16px;line-height:1.6;color:#444}
.processflow{background:linear-gradient(180deg,white 0%,#4bc9fe0d 100%);padding:100px 20px}
.processcontainer{max-width:1280px;margin:0 auto}
.processcontainer h2{font-size:36px;margin-bottom:20px;color:#1a1a1a}
.processintro{font-size:18px;line-height:1.7;color:#333;margin-bottom:60px;max-width:800px}
.processlayout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.stepssequence{display:flex;flex-direction:column;gap:40px}
.stepitem{position:relative;padding-left:60px}
.stepitem::before{content:'';position:absolute;left:16px;top:40px;width:2px;height:calc(100% + 40px);background:linear-gradient(180deg,#4BC9FE 0%,#4bc9fe33 100%)}
.stepitem:last-child::before{display:none}
.stepnumber{position:absolute;left:0;top:0;width:36px;height:36px;background:#BB370D;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}
.stepitem h3{font-size:20px;margin-bottom:12px;color:#1a1a1a}
.stepitem .stepdetail{font-size:16px;line-height:1.6;color:#444}
.processvisual{position:sticky;top:40px}
.processvisual img{width:100%;height:560px;object-fit:cover;border-radius:4px;box-shadow:0 8px 24px #0000001f}
.testimonialsection{background:#FFFBF2;padding:100px 20px}
.testimonialwrapper{max-width:1280px;margin:0 auto}
.testimonialwrapper h2{font-size:36px;text-align:center;margin-bottom:60px;color:#1a1a1a}
.testimonialslayout{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.testimonialbox{background:#fff;padding:40px;border-radius:3px;box-shadow:0 4px 12px #00000014;display:flex;gap:30px;align-items:flex-start;transition:box-shadow .3s ease-in-out}
.testimonialbox:hover{box-shadow:0 12px 28px #00000026}
.testimonialphoto img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid #4BC9FE}
.testimonialcontent{flex:1}
.testimonialcontent .quote{font-size:16px;line-height:1.7;color:#333;margin-bottom:20px;font-style:italic}
.testimonialcontent .authorname{font-size:18px;font-weight:700;color:#BB370D;margin-bottom:4px}
.testimonialcontent .authorrole{font-size:14px;color:#666}
@media (max-width: 1366px) {
.herocontent{gap:40px}
.herotextside h1{font-size:42px}
.advantagerows{gap:30px}
.processlayout{gap:60px}
}
@media (max-width: 768px) {
.herospacecourses{padding:60px 20px}
.herocontent{flex-direction:column;gap:40px}
.herotextside h1{font-size:32px}
.herotextside .herodescription{font-size:16px}
.heroimgside img{height:320px}
.advantagegrid{padding:60px 20px}
.advantagegrid h2{font-size:28px;margin-bottom:40px}
.advantagerows{grid-template-columns:1fr;gap:24px}
.processflow{padding:60px 20px}
.processcontainer h2{font-size:28px}
.processintro{font-size:16px;margin-bottom:40px}
.processlayout{grid-template-columns:1fr;gap:40px}
.processvisual{position:static}
.processvisual img{height:400px}
.testimonialsection{padding:60px 20px}
.testimonialwrapper h2{font-size:28px;margin-bottom:40px}
.testimonialslayout{grid-template-columns:1fr;gap:30px}
.testimonialbox{flex-direction:column;padding:30px;gap:20px}
.testimonialphoto{align-self:center}
}
@media (max-width: 375px) {
.herospacecourses{padding:40px 16px}
.herotextside h1{font-size:26px}
.heroimgside img{height:260px}
.advantagegrid{padding:40px 16px}
.advantagecard{padding:30px 20px}
.processflow{padding:40px 16px}
.stepitem{padding-left:50px}
.testimonialsection{padding:40px 16px}
.testimonialbox{padding:24px}
}
.domainsuccess{background:linear-gradient(135deg,#FFFBF2 0%,#4bc9fe14 100%);min-height:85vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;position:relative;overflow:hidden}
.domainsuccess::before{content:'';position:absolute;top:-50%;right:-30%;width:600px;height:600px;background:radial-gradient(circle,#4bc9fe26 0%,transparent 70%);border-radius:50%;animation:domainpulse 8s ease-in-out infinite}
.domainsuccess::after{content:'';position:absolute;bottom:-40%;left:-20%;width:500px;height:500px;background:radial-gradient(circle,#bb370d1f 0%,transparent 70%);border-radius:50%;animation:domainpulse 10s ease-in-out infinite reverse}
@keyframes domainpulse {
0%,100%{transform:scale(1) translateY(0);opacity:.6}
50%{transform:scale(1.15) translateY(-20px);opacity:.9}
}
.domainsuccesswrap{max-width:800px;width:100%;background:#FFFBF2;border:2px solid #4bc9fe4d;border-radius:4px;box-shadow:0 8px 24px #4bc9fe26 0 2px 6px #00000014;padding:70px 50px;text-align:center;position:relative;z-index:2}
.domainsuccesswrap::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#4BC9FE 0%,#BB370D 100%);border-radius:4px 4px 0 0}
.domainsuccessicon{width:90px;height:90px;margin:0 auto 35px;background:linear-gradient(135deg,#4BC9FE 0%,#4bc9feb3 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;animation:domaincheckbounce .6s ease-in-out}
@keyframes domaincheckbounce {
0%{transform:scale(0);opacity:0}
50%{transform:scale(1.1)}
100%{transform:scale(1);opacity:1}
}
.domainsuccessicon::after{content:'';position:absolute;width:110%;height:110%;border:3px solid #4bc9fe4d;border-radius:50%;animation:domainripple 2s ease-in-out infinite}
@keyframes domainripple {
0%{transform:scale(1);opacity:1}
100%{transform:scale(1.4);opacity:0}
}
.domainsuccessicon svg{width:46px;height:46px;stroke:#FFFBF2;stroke-width:4;fill:none;stroke-linecap:round;stroke-linejoin:round}
.domainsuccessheading{font-size:38px;font-weight:700;color:#1a1a1a;margin:0 0 24px;letter-spacing:-.5px;line-height:1.2}
.domainsuccessheading::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#BB370D 0%,#4BC9FE 100%);margin:20px auto 0;border-radius:2px}
.domainsuccesstext{font-size:17px;line-height:1.7;color:#3d3d3d;margin:0 0 45px;max-width:600px;margin-left:auto;margin-right:auto}
.domainsuccesstext.is-highlight{background:linear-gradient(135deg,#4bc9fe1a 0%,#bb370d14 100%);padding:22px 28px;border-radius:3px;border-left:4px solid #4BC9FE;margin-bottom:35px;font-size:16px;color:#2d2d2d}
.domainsuccessactions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:40px}
.domainbtnprimary{display:inline-block;padding:16px 38px;background:linear-gradient(135deg,#4BC9FE 0%,#4bc9fed9 100%);color:#FFFBF2;font-size:16px;font-weight:600;text-decoration:none;border-radius:3px;border:none;cursor:pointer;transition:all .3s ease-in-out;box-shadow:0 4px 12px #4bc9fe4d;position:relative;z-index:10}
.domainbtnprimary:hover{transform:scale(1.05);box-shadow:0 6px 18px #4bc9fe73;background:linear-gradient(135deg,#4BC9FE 0%,#3bb4e8 100%)}
.domainbtnprimary:active{transform:scale(1.02)}
.domainbtnsecondary{display:inline-block;padding:16px 38px;background:transparent;color:#BB370D;font-size:16px;font-weight:600;text-decoration:none;border-radius:3px;border:2px solid #BB370D;cursor:pointer;transition:all .3s ease-in-out;position:relative;z-index:10}
.domainbtnsecondary:hover{background:#BB370D;color:#FFFBF2;transform:scale(1.05);box-shadow:0 4px 12px #bb370d4d}
.domainbtnsecondary:active{transform:scale(1.02)}
.domaininfostrip{margin-top:50px;padding-top:35px;border-top:1px solid #4bc9fe33;display:flex;gap:40px;justify-content:center;flex-wrap:wrap}
.domaininfoitem{text-align:center}
.domaininfoitem svg{width:28px;height:28px;stroke:#4BC9FE;stroke-width:2;fill:none;margin-bottom:10px}
.domaininfotitle{font-size:13px;color:#6d6d6d;margin:0 0 4px;text-transform:uppercase;letter-spacing:.8px;font-weight:500}
.domaininfovalue{font-size:15px;color:#2d2d2d;font-weight:600;margin:0}
.domaininfovalue a{color:#4BC9FE;text-decoration:none;transition:color .3s ease-in-out}
.domaininfovalue a:hover{color:#BB370D;text-decoration:underline}
@media (max-width: 768px) {
.domainsuccess{padding:40px 16px;min-height:70vh}
.domainsuccesswrap{padding:50px 30px}
.domainsuccessheading{font-size:30px}
.domainsuccesstext{font-size:16px}
.domainsuccessactions{flex-direction:column;align-items:stretch}
.domainbtnprimary,.domainbtnsecondary{width:100%;text-align:center}
.domaininfostrip{gap:24px;margin-top:35px;padding-top:25px}
}
@media (max-width: 375px) {
.domainsuccesswrap{padding:40px 20px}
.domainsuccessheading{font-size:26px}
.domainsuccessicon{width:75px;height:75px}
.domainsuccessicon svg{width:38px;height:38px}
}