*{margin:0;padding:0;box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:'Public Sans',sans-serif;background-color:#FAFBFC;color:#2B2B2B;line-height:1.6}
.headerwrapper{background:linear-gradient(135deg,#F7EFE9 0%,#FFF 100%);padding:28px 0;box-shadow:0 2px 8px #0000000f}
.headercontainer{max-width:1280px;margin:0 auto;padding:0 24px}
.toprow{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}
.logoarea{display:flex;align-items:center;gap:16px}
.logoarea img{height:85px;width:85px;object-fit:contain;background:#FFF;padding:8px;border-radius:6px;box-shadow:0 1px 4px #00000014}
.taglinetext{font-size:15px;color:#625118;max-width:380px;line-height:1.5}
.bottomrow{display:flex;justify-content:space-between;align-items:center;gap:24px}
.mainnav{display:flex;gap:32px;align-items:center}
.mainnav a{text-decoration:none;color:#2B2B2B;font-size:16px;font-weight:500;transition:color 180ms;padding:8px 0}
.mainnav a:hover{color:#1A9AFB}
.ctabuttonarea{display:flex}
.ctabuttonprimary{background:linear-gradient(135deg,#1A9AFB 0%,#1581D1 100%);color:#FFF;padding:12px 28px;border-radius:6px;text-decoration:none;font-weight:600;font-size:15px;transition:all 200ms;box-shadow:0 2px 6px #1a9afb40}
.ctabuttonprimary:hover{box-shadow:0 4px 12px #1a9afb59;transform:translateY(-1px)}
.footerwrapper{background:linear-gradient(180deg,#2B2B2B 0%,#1A1A1A 100%);color:#D1D1D1;padding:52px 0 24px;margin-top:80px}
.footercontainer{max-width:1280px;margin:0 auto;padding:0 24px}
.footertopsection{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:42px;padding-bottom:42px;border-bottom:1px solid #ffffff1a}
.companyinfocolumn h3{color:#FFF;font-size:22px;margin-bottom:16px}
.companyinfocolumn p{font-size:14px;line-height:1.7;margin-bottom:12px}
.companyinfocolumn a{color:#1A9AFB;text-decoration:none;transition:color 180ms}
.companyinfocolumn a:hover{color:#3DB4FF}
.footercolumn h4{color:#FFF;font-size:16px;margin-bottom:18px;font-weight:600}
.footercolumn ul{list-style:none}
.footercolumn ul li{margin-bottom:11px}
.footercolumn ul li a{color:#D1D1D1;text-decoration:none;font-size:14px;transition:color 180ms}
.footercolumn ul li a:hover{color:#1A9AFB}
.footerbottomsection{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#999}
.socialmedialinks{display:flex;gap:18px}
.socialmedialinks a{color:#D1D1D1;font-size:18px;transition:color 180ms}
.socialmedialinks a:hover{color:#1A9AFB}
.cookieconsentpanel{position:fixed;right:0;top:50%;transform:translateY(-50%) translateX(100%);background:#FFF;box-shadow:-4px 0 24px #00000026;width:380px;max-height:90vh;overflow-y:auto;z-index:9999;transition:transform 280ms;border-left:3px solid #1A9AFB}
.cookieconsentpanel.activepanel{transform:translateY(-50%) translateX(0)}
.cookieheaderarea{background:linear-gradient(135deg,#1A9AFB 0%,#625118 100%);color:#FFF;padding:24px}
.cookieheaderarea h3{font-size:19px;margin-bottom:8px}
.cookieheaderarea p{font-size:13px;opacity:.95}
.cookiecontentarea{padding:24px}
.cookiecategoryitem{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #E5E5E5}
.cookiecategoryitem:last-child{border-bottom:none}
.categorytoggleline{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.categorytoggleline label{font-weight:600;font-size:14px;color:#2B2B2B}
.toggleswitch{position:relative;width:48px;height:24px}
.toggleswitch input{opacity:0;width:0;height:0}
.slidercontrol{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#CCC;transition:200ms;border-radius:24px}
.slidercontrol:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:200ms;border-radius:50%}
.toggleswitch input:checked + .slidercontrol{background-color:#1A9AFB}
.toggleswitch input:checked + .slidercontrol:before{transform:translateX(24px)}
.cookiecategoryitem p{font-size:13px;color:#666;line-height:1.5}
.cookieactionsarea{padding:20px 24px;border-top:1px solid #E5E5E5;display:flex;flex-direction:column;gap:12px}
.cookieactionbutton{padding:12px;border:none;cursor:pointer;font-weight:600;font-size:14px;transition:all 180ms;font-family:'Public Sans',sans-serif}
.acceptbutton{background:#1A9AFB;color:#FFF}
.acceptbutton:hover{background:#1581D1}
.declinebutton{background:#F0F0F0;color:#2B2B2B}
.declinebutton:hover{background:#E0E0E0}
.optoutbutton{background:#625118;color:#FFF}
.optoutbutton:hover{background:#4F4114}
.policyinfobutton{background:transparent;color:#1A9AFB;border:1px solid #1A9AFB}
.policyinfobutton:hover{background:#F0F9FF}
.cookieaccesstab{position:fixed;right:0;bottom:120px;background:#625118;color:#FFF;padding:12px 18px;cursor:pointer;writing-mode:vertical-rl;text-orientation:mixed;font-size:13px;font-weight:600;border-radius:6px 0 0 6px;box-shadow:-2px 2px 8px #00000026;transition:all 200ms;z-index:9998}
.cookieaccesstab:hover{right:2px;background:#4F4114}
@media (max-width: 968px) {
.toprow{flex-direction:column;align-items:flex-start;gap:20px}
.bottomrow{flex-direction:column;align-items:flex-start;gap:20px}
.mainnav{flex-direction:column;gap:16px;align-items:flex-start;width:100%}
.ctabuttonarea{width:100%}
.ctabuttonprimary{width:100%;text-align:center}
.footertopsection{grid-template-columns:1fr;gap:32px}
.footerbottomsection{flex-direction:column;gap:16px;text-align:center}
.cookieconsentpanel{width:100%;max-width:420px}
}
@media (max-width: 580px) {
.headercontainer{padding:0 16px}
.logoarea img{height:70px;width:70px}
.taglinetext{font-size:14px}
.mainnav a{font-size:15px}
}
.policy-frame-ci{max-width:1280px;margin:0 auto;padding:60px 20px;background:#fff}
.policy-frame-ci p{font-size:16px;line-height:1.8;color:#333;margin:0 0 20px;text-align:justify}
.policy-frame-ci p:last-child{margin-bottom:0}
.policy-frame-ci ul{margin:0 0 24px;padding:0 0 0 24px;list-style-type:disc}
.policy-frame-ci ol{margin:0 0 24px;padding:0 0 0 24px;list-style-type:decimal}
.policy-frame-ci li{font-size:16px;line-height:1.8;color:#333;margin:0 0 12px;padding-left:8px}
.policy-frame-ci ul li{list-style-type:disc}
.policy-frame-ci ol li{list-style-type:decimal}
.policy-frame-ci ul ul{margin:12px 0;padding-left:24px}
.policy-frame-ci ul ul li{list-style-type:circle}
.policy-frame-ci ol ol{margin:12px 0;padding-left:24px}
.policy-frame-ci ol ol li{list-style-type:lower-alpha}
.policy-frame-ci strong{font-weight:700;color:#1a1a1a}
.policy-frame-ci b{font-weight:700;color:#1a1a1a}
.policy-frame-ci em{font-style:italic;color:#444}
.policy-frame-ci i{font-style:italic;color:#444}
.policy-frame-ci a{color:#1A9AFB;text-decoration:none;border-bottom:1px solid transparent;transition:all .2s}
.policy-frame-ci a:hover{color:#147ac9;border-bottom-color:#147ac9}
.policy-frame-ci a:active{color:#0f5a96}
.policy-frame-ci hr{border:none;border-top:2px solid #F7EFE9;margin:40px 0;background:transparent}
.policy-frame-ci div{margin:0 0 20px}
.policy-frame-ci div p:last-child{margin-bottom:0}
@media (max-width: 768px) {
.policy-frame-ci{padding:40px 16px}
.policy-frame-ci p{font-size:15px;line-height:1.7;text-align:left}
.policy-frame-ci li{font-size:15px;line-height:1.7}
.policy-frame-ci ul{padding-left:20px}
.policy-frame-ci ol{padding-left:20px}
.policy-frame-ci hr{margin:32px 0}
}
@media (max-width: 480px) {
.policy-frame-ci{padding:32px 12px}
.policy-frame-ci p{font-size:14px;margin-bottom:16px}
.policy-frame-ci li{font-size:14px;margin-bottom:10px}
.policy-frame-ci ul{margin-bottom:20px;padding-left:18px}
.policy-frame-ci ol{margin-bottom:20px;padding-left:18px}
.policy-frame-ci hr{margin:24px 0}
}
.herosectionwrapper{background:linear-gradient(135deg,#1A9AFB 0%,#f7efe9e6 100%);padding:80px 20px 90px;position:relative;overflow:hidden}
.herosectionwrapper::before{content:'';position:absolute;top:20px;right:30px;width:8px;height:8px;background:#625118;border-radius:50%;box-shadow:20px 20px 0 #625118,40px 0 0 #625118,60px 20px 0 #625118}
.herosectionwrapper::after{content:'';position:absolute;bottom:30px;left:25px;width:6px;height:6px;background:#62511866;border-radius:50%;box-shadow:15px 15px 0 #62511866 30px 5px 0 #62511866}
.herocontentgrid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.herotextarea h1{font-size:48px;line-height:1.15;color:#1a1a1a;margin-bottom:24px;font-weight:700}
.herotextarea p{font-size:19px;line-height:1.7;color:#333;margin-bottom:18px}
.heroimageblock{position:relative;transform:rotate(-3deg);transition:transform 200ms ease}
.heroimageblock:hover{transform:rotate(0deg) scale(1.02)}
.heroimageblock img{width:100%;height:420px;object-fit:cover;border-radius:8px;box-shadow:0 8px 24px #00000026}
.storysectionblock{max-width:1280px;margin:0 auto;padding:90px 20px}
.storytopline{text-align:center;margin-bottom:70px}
.storytopline h2{font-size:38px;color:#1a1a1a;margin-bottom:20px;font-weight:600}
.storytopline p{font-size:18px;line-height:1.6;color:#444;max-width:780px;margin:0 auto}
.storycontentlayout{display:grid;grid-template-columns:1fr 1fr 1fr;gap:45px}
.storyindividualcard{background:#fff;padding:35px 28px;border-radius:10px;box-shadow:0 4px 16px #00000014;transition:all 180ms ease;border-left:4px solid transparent}
.storyindividualcard:hover{transform:translateY(-6px);box-shadow:0 10px 28px #00000024;border-left-color:#1A9AFB}
.storyindividualcard h3{font-size:24px;color:#1A9AFB;margin-bottom:16px;font-weight:600}
.storyindividualcard p{font-size:16px;line-height:1.65;color:#555}
.valuessectionarea{background:linear-gradient(180deg,#F7EFE9 0%,#f7efe94d 100%);padding:85px 20px}
.valuesinnerwrapper{max-width:1280px;margin:0 auto}
.valuesheadersection{margin-bottom:55px}
.valuesheadersection h2{font-size:40px;color:#1a1a1a;margin-bottom:18px;font-weight:600}
.valuesheadersection p{font-size:17px;line-height:1.7;color:#333;max-width:860px}
.valuesgridstructure{display:grid;grid-template-columns:repeat(2,1fr);gap:50px 40px}
.valuesingleitem{display:flex;gap:22px;align-items:flex-start}
.valuesiconholder{width:56px;height:56px;background:linear-gradient(135deg,#1A9AFB,#625118);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform 150ms ease}
.valuesingleitem:hover .valuesiconholder{transform:scale(1.1) rotate(5deg)}
.valuesiconholder i{font-size:26px;color:#fff}
.valuestextcontent h4{font-size:22px;color:#1a1a1a;margin-bottom:12px;font-weight:600}
.valuestextcontent p{font-size:16px;line-height:1.65;color:#444}
.approachsectionwrapper{max-width:1280px;margin:0 auto;padding:95px 20px}
.approachflexlayout{display:flex;gap:55px;align-items:center}
.approachimageside{flex:1}
.approachimageside img{width:100%;height:480px;object-fit:cover;border-radius:12px;box-shadow:0 6px 20px #0000001f}
.approachcontentside{flex:1}
.approachcontentside h2{font-size:36px;color:#1a1a1a;margin-bottom:24px;font-weight:600;position:relative;padding-left:18px}
.approachcontentside h2::before{content:'';position:absolute;left:0;top:8px;width:5px;height:70%;background:linear-gradient(180deg,#1A9AFB,#625118);border-radius:3px}
.approachcontentside p{font-size:17px;line-height:1.75;color:#333;margin-bottom:20px}
.approachfeaturelist{margin-top:32px}
.approachlistitem{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px;padding:16px;background:#1a9afb0d;border-radius:8px;transition:background 180ms ease}
.approachlistitem:hover{background:#1a9afb1f}
.approachlistitem i{color:#1A9AFB;font-size:20px;margin-top:2px}
.approachlistitem span{font-size:16px;line-height:1.6;color:#444}
.teamoverviewsection{background:linear-gradient(63deg,#1A9AFB 0%,#625118 50%,#F7EFE9 100%);padding:100px 20px;position:relative}
.teamoverviewsection::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffeb;z-index:1}
.teamcontainerwrapper{max-width:1280px;margin:0 auto;position:relative;z-index:2}
.teamheaderblock{text-align:center;margin-bottom:65px}
.teamheaderblock h2{font-size:42px;color:#1a1a1a;margin-bottom:22px;font-weight:600}
.teamheaderblock p{font-size:18px;line-height:1.7;color:#333;max-width:820px;margin:0 auto}
.teamgridsystem{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}
.teammembercard{background:#fff;padding:40px 30px;border-radius:10px;box-shadow:0 5px 18px #0000001a;text-align:center;transition:all 200ms ease;border-bottom:3px solid transparent}
.teammembercard:hover{transform:translateY(-8px);box-shadow:0 12px 32px #00000029;border-bottom-color:#625118}
.teampersoniconwrap{width:90px;height:90px;background:linear-gradient(135deg,#1a9afb26,#62511826);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}
.teampersoniconwrap i{font-size:42px;color:#625118}
.teammembercard h4{font-size:23px;color:#1a1a1a;margin-bottom:8px;font-weight:600}
.teammemberrole{font-size:15px;color:#1A9AFB;margin-bottom:18px;font-weight:500}
.teammembercard p{font-size:15px;line-height:1.6;color:#555}
.ctasectionfinal{max-width:1280px;margin:0 auto;padding:80px 20px}
.ctainnercontainer{background:linear-gradient(135deg,#1a9afb14,#f7efe999);padding:70px 50px;border-radius:12px;text-align:center;border:2px solid #62511826}
.ctainnercontainer h2{font-size:38px;color:#1a1a1a;margin-bottom:20px;font-weight:600}
.ctainnercontainer p{font-size:18px;line-height:1.7;color:#333;margin-bottom:32px;max-width:720px;margin-left:auto;margin-right:auto}
.ctabuttongroup{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.ctaprimarybtn{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#1A9AFB,#625118);color:#fff;text-decoration:none;border-radius:8px;font-size:17px;font-weight:600;transition:all 200ms ease;box-shadow:0 4px 14px #1a9afb4d;position:relative;z-index:10}
.ctaprimarybtn:hover{transform:translateY(-3px);box-shadow:0 8px 22px #1a9afb66}
.ctasecondarybtn{display:inline-block;padding:16px 40px;background:#fff;color:#625118;text-decoration:none;border-radius:8px;font-size:17px;font-weight:600;transition:all 200ms ease;border:2px solid #625118;position:relative;z-index:10}
.ctasecondarybtn:hover{background:#625118;color:#fff;transform:translateY(-3px)}
@media (max-width: 1024px) {
.herocontentgrid{grid-template-columns:1fr;gap:40px}
.herotextarea h1{font-size:38px}
.storycontentlayout{grid-template-columns:1fr 1fr}
.valuesgridstructure{grid-template-columns:1fr;gap:35px}
.approachflexlayout{flex-direction:column;gap:40px}
.teamgridsystem{grid-template-columns:1fr 1fr}
}
@media (max-width: 768px) {
.herosectionwrapper{padding:60px 20px 70px}
.herotextarea h1{font-size:32px}
.herotextarea p{font-size:17px}
.heroimageblock img{height:320px}
.storysectionblock{padding:60px 20px}
.storytopline h2{font-size:30px}
.storycontentlayout{grid-template-columns:1fr;gap:30px}
.valuessectionarea{padding:60px 20px}
.valuesheadersection h2{font-size:32px}
.approachsectionwrapper{padding:60px 20px}
.approachcontentside h2{font-size:30px}
.approachimageside img{height:360px}
.teamoverviewsection{padding:70px 20px}
.teamheaderblock h2{font-size:34px}
.teamgridsystem{grid-template-columns:1fr;gap:30px}
.ctasectionfinal{padding:60px 20px}
.ctainnercontainer{padding:50px 30px}
.ctainnercontainer h2{font-size:30px}
.ctabuttongroup{flex-direction:column;align-items:center}
.ctaprimarybtn,.ctasecondarybtn{width:100%;max-width:320px}
}
.learnherotitle{position:relative;max-width:1280px;margin:0 auto 80px;padding:0 20px;overflow:hidden}
.learnherotitle .visualgridzone{display:grid;grid-template-columns:repeat(12,1fr);gap:8px;height:480px;position:relative;border-radius:8px;overflow:hidden}
.learnherotitle .imagefrag{position:relative;overflow:hidden;background:#f0f0f0}
.learnherotitle .imagefrag img{width:100%;height:100%;object-fit:cover;filter:brightness(0.85) contrast(1.1)}
.learnherotitle .frag1{grid-column:1 / 5;grid-row:1 / 3}
.learnherotitle .frag2{grid-column:5 / 9;grid-row:1 / 2}
.learnherotitle .frag3{grid-column:9 / 13;grid-row:1 / 3}
.learnherotitle .frag4{grid-column:5 / 9;grid-row:2 / 3}
.learnherotitle .textoverlaycontent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:3;width:90%;max-width:900px}
.learnherotitle .maintitletext{font-size:52px;font-weight:700;color:#fff;margin:0 0 24px;text-shadow:0 4px 12px #0009;line-height:1.2}
.learnherotitle .subtitleexplain{font-size:20px;color:#F7EFE9;margin:0;text-shadow:0 2px 8px #00000080;line-height:1.5;background:#1a9afb4d;backdrop-filter:blur(8px);padding:16px 32px;border-radius:6px;display:inline-block}
.learnherotitle .particlezone::before,.learnherotitle .particlezone::after{content:'';position:absolute;width:4px;height:4px;background:#f7efe966;border-radius:50%;animation:particlefloat 4s ease-in-out infinite}
.learnherotitle .particlezone::before{top:15%;left:12%;animation-delay:.5s}
.learnherotitle .particlezone::after{top:70%;right:18%;animation-delay:1.2s}
@keyframes particlefloat {
0%,100%{transform:translateY(0) translateX(0);opacity:.3}
50%{transform:translateY(-20px) translateX(10px);opacity:.7}
}
.studymethodarea{max-width:1280px;margin:0 auto 90px;padding:0 20px}
.studymethodarea .methodsplit{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.studymethodarea .leftcontent h2{font-size:38px;color:#625118;margin:0 0 28px;line-height:1.3;position:relative;padding-left:18px}
.studymethodarea .leftcontent h2::before{content:'';position:absolute;left:0;top:8px;width:6px;height:80%;background:linear-gradient(180deg,#1A9AFB 0%,#625118 100%);border-radius:3px}
.studymethodarea .leftcontent p{font-size:17px;line-height:1.7;color:#2a2a2a;margin:0 0 20px}
.studymethodarea .rightcontent{display:flex;flex-direction:column;gap:24px}
.studymethodarea .tipcard{background:linear-gradient(135deg,#F7EFE9 0%,#fff 100%);padding:28px;border-radius:10px;border-left:4px solid #1A9AFB;transition:transform 200ms,box-shadow 200ms}
.studymethodarea .tipcard:hover{transform:translateX(8px);box-shadow:0 6px 16px #1a9afb33}
.studymethodarea .tipcard h4{font-size:22px;color:#625118;margin:0 0 14px;display:flex;align-items:center;gap:12px}
.studymethodarea .tipcard h4::before{content:'→';color:#1A9AFB;font-weight:700}
.studymethodarea .tipcard p{font-size:16px;line-height:1.6;color:#444;margin:0}
.progresstrackzone{background:linear-gradient(160deg,#1A9AFB 0%,#625118 100%);padding:70px 20px;margin:0 0 85px}
.progresstrackzone .trackwrapper{max-width:1280px;margin:0 auto}
.progresstrackzone h3{font-size:40px;color:#F7EFE9;text-align:center;margin:0 0 50px}
.progresstrackzone .stepscontainer{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.progresstrackzone .stepitem{background:#f7efe926;backdrop-filter:blur(10px);padding:32px 24px;border-radius:8px;text-align:center;position:relative;transition:background 200ms}
.progresstrackzone .stepitem:hover{background:#f7efe940}
.progresstrackzone .stepnumber{width:56px;height:56px;background:#F7EFE9;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#625118;margin:0 auto 20px}
.progresstrackzone .stepitem h5{font-size:19px;color:#F7EFE9;margin:0 0 12px}
.progresstrackzone .stepitem p{font-size:15px;color:#f7efe9e6;margin:0;line-height:1.5}
.comparisonblock{max-width:1280px;margin:0 auto 80px;padding:0 20px}
.comparisonblock h3{font-size:36px;color:#625118;text-align:center;margin:0 0 50px}
.comparisonblock .comparegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.comparisonblock .comparecard{background:#fff;border:2px solid #e0e0e0;border-radius:10px;padding:36px;transition:border-color 200ms,box-shadow 200ms}
.comparisonblock .comparecard:hover{border-color:#1A9AFB;box-shadow:0 8px 20px #1a9afb26}
.comparisonblock .comparecard h4{font-size:26px;color:#1A9AFB;margin:0 0 24px;padding-bottom:16px;border-bottom:2px solid #F7EFE9}
.comparisonblock .featurelist{list-style:none;padding:0;margin:0}
.comparisonblock .featurelist li{font-size:16px;color:#444;margin:0 0 14px;padding-left:28px;position:relative;line-height:1.6}
.comparisonblock .featurelist li::before{content:'✓';position:absolute;left:0;color:#1A9AFB;font-weight:700;font-size:18px}
.comparisonblock .comparecard.emphasize{background:linear-gradient(135deg,#F7EFE9 0%,#fff 100%);border-color:#625118}
.comparisonblock .comparecard.emphasize h4{color:#625118}
.resourceszone{background:#F7EFE9;padding:75px 20px}
.resourceszone .resourcecontainer{max-width:1280px;margin:0 auto}
.resourceszone h3{font-size:38px;color:#625118;margin:0 0 45px}
.resourceszone .resourcegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.resourceszone .resourceitem{background:#fff;border-radius:8px;padding:32px 28px;box-shadow:0 4px 12px #00000014;transition:transform 200ms,box-shadow 200ms}
.resourceszone .resourceitem:hover{transform:translateY(-6px);box-shadow:0 8px 20px #0000001f}
.resourceszone .resourceicon{width:54px;height:54px;background:linear-gradient(135deg,#1A9AFB 0%,#625118 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 0 20px}
.resourceszone .resourceicon i{font-size:24px;color:#F7EFE9}
.resourceszone .resourceitem h5{font-size:21px;color:#625118;margin:0 0 14px}
.resourceszone .resourceitem p{font-size:15px;line-height:1.6;color:#555;margin:0 0 18px}
.resourceszone .resourcelink{display:inline-flex;align-items:center;gap:8px;color:#1A9AFB;font-size:15px;font-weight:600;text-decoration:none;transition:gap 180ms}
.resourceszone .resourcelink:hover{gap:12px}
.resourceszone .resourcelink i{font-size:14px}
@media (max-width: 968px) {
.learnherotitle .visualgridzone{height:380px;grid-template-columns:repeat(8,1fr)}
.learnherotitle .frag1{grid-column:1 / 4}
.learnherotitle .frag2{grid-column:4 / 6}
.learnherotitle .frag3{grid-column:6 / 9}
.learnherotitle .frag4{grid-column:4 / 6;grid-row:2 / 3}
.learnherotitle .maintitletext{font-size:38px}
.studymethodarea .methodsplit{grid-template-columns:1fr;gap:40px}
.progresstrackzone .stepscontainer{grid-template-columns:repeat(2,1fr)}
.comparisonblock .comparegrid{grid-template-columns:1fr}
.resourceszone .resourcegrid{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.learnherotitle .visualgridzone{height:320px}
.learnherotitle .maintitletext{font-size:30px}
.learnherotitle .subtitleexplain{font-size:16px;padding:12px 20px}
.progresstrackzone .stepscontainer{grid-template-columns:1fr}
.studymethodarea .leftcontent h2{font-size:30px}
.comparisonblock h3,.resourceszone h3{font-size:28px}
}
.herotitleblock{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(63deg,#1A9AFB 0%,#625118 50%,#F7EFE9 100%);margin:0 0 80px}
.herotitleblock .imagecollagewrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:8px;opacity:.15}
.herotitleblock .collagepiece{background-size:cover;background-position:center;transition:transform 6s ease-in-out}
.herotitleblock .collagepiece:nth-child(1){background-image:url(./graphics_bank/mainservices8.jpg);animation:floatimage 8s ease-in-out infinite}
.herotitleblock .collagepiece:nth-child(2){background-image:url(./graphics_bank/draft-client9-2025_05.jpg);animation:floatimage 10s ease-in-out infinite 1s}
.herotitleblock .collagepiece:nth-child(3){background-image:url(./graphics_bank/main-picture10.jpg);animation:floatimage 9s ease-in-out infinite 2s}
.herotitleblock .collagepiece:nth-child(4){background-image:url(./graphics_bank/old-picture11-2025_09.jpg);animation:floatimage 11s ease-in-out infinite .5s}
@keyframes floatimage {
0%,100%{transform:scale(1) translateY(0)}
50%{transform:scale(1.05) translateY(-10px)}
}
.herotitleblock .textwrapper{position:relative;z-index:2;text-align:center;max-width:960px;padding:40px 20px}
.herotitleblock .titletop{font-size:1.5rem;color:#F7EFE9;margin:0 0 16px;font-weight:400;letter-spacing:1px}
.herotitleblock .titlemain{font-size:3.2rem;color:#fff;margin:0 0 20px;font-weight:700;line-height:1.2;text-shadow:2px 4px 8px #0000004d}
.herotitleblock .titlesubtitle{font-size:1.3rem;color:#F7EFE9;margin:0;font-weight:300;line-height:1.6}
.herotitleblock .decorativeline{position:absolute;border:1px solid #f7efe966}
.herotitleblock .decorativeline.topleft{top:20px;left:20px;width:60px;height:60px;border-right:none;border-bottom:none}
.herotitleblock .decorativeline.bottomright{bottom:20px;right:20px;width:60px;height:60px;border-left:none;border-top:none}
.contentcontainermain{max-width:1280px;margin:0 auto;padding:0 20px}
.motivationsection{margin:0 0 100px;background:#F7EFE9;border-radius:8px;padding:80px 60px;position:relative}
.motivationsection::before{content:'';position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,#1A9AFB 0%,#625118 100%);border-radius:8px 0 0 8px}
.motivationsection .sectionhead{font-size:2.4rem;color:#625118;margin:0 0 32px;font-weight:700;position:relative}
.motivationsection .sectionhead::after{content:'';position:absolute;bottom:-12px;left:0;width:80px;height:4px;background:#1A9AFB;border-radius:2px}
.motivationsection .contenttext{font-size:1.1rem;line-height:1.8;color:#333;margin:0 0 28px}
.motivationsection .benefitgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin:48px 0 0}
.motivationsection .benefitcard{background:#fff;padding:32px 28px;border-radius:6px;box-shadow:0 4px 12px #00000014;transition:transform 200ms ease,box-shadow 200ms ease;border-left:4px solid #1A9AFB}
.motivationsection .benefitcard:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}
.motivationsection .benefitcard .iconwrapper{width:56px;height:56px;background:linear-gradient(135deg,#1A9AFB 0%,#625118 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 0 20px}
.motivationsection .benefitcard .iconwrapper svg{width:28px;height:28px;fill:#fff}
.motivationsection .benefitcard .benefittitle{font-size:1.3rem;color:#625118;margin:0 0 12px;font-weight:600}
.motivationsection .benefitcard .benefitdesc{font-size:1rem;color:#555;line-height:1.6;margin:0}
.qualitysection{margin:0 0 100px}
.qualitysection .qualityheader{text-align:center;margin:0 0 60px}
.qualitysection .qualityheader .headertext{font-size:2.6rem;color:#625118;margin:0 0 20px;font-weight:700}
.qualitysection .qualityheader .headerdesc{font-size:1.2rem;color:#666;line-height:1.7;max-width:800px;margin:0 auto}
.qualitysection .standardswrapper{display:flex;flex-direction:column;gap:48px}
.qualitysection .standardblock{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.qualitysection .standardblock:nth-child(even){direction:rtl}
.qualitysection .standardblock:nth-child(even) > *{direction:ltr}
.qualitysection .standardcontent{padding:20px 0}
.qualitysection .standardcontent .standardtitle{font-size:2rem;color:#1A9AFB;margin:0 0 24px;font-weight:700;position:relative;display:inline-block}
.qualitysection .standardcontent .standardtitle::before{content:'';position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#625118;border-radius:50%}
.qualitysection .standardcontent .standardpara{font-size:1.05rem;color:#444;line-height:1.8;margin:0 0 20px}
.qualitysection .standardcontent .detailslist{list-style:none;padding:0;margin:24px 0 0}
.qualitysection .standardcontent .detailslist .listitem{font-size:1rem;color:#555;padding:12px 0 12px 36px;position:relative;line-height:1.6;border-bottom:1px solid #e8e8e8}
.qualitysection .standardcontent .detailslist .listitem:last-child{border-bottom:none}
.qualitysection .standardcontent .detailslist .listitem::before{content:'';position:absolute;left:0;top:18px;width:20px;height:20px;background:#1A9AFB;border-radius:4px;opacity:.2}
.qualitysection .standardcontent .detailslist .listitem::after{content:'✓';position:absolute;left:5px;top:14px;color:#1A9AFB;font-weight:700;font-size:1.1rem}
.qualitysection .standardvisual{position:relative}
.qualitysection .standardvisual .visualbox{background:linear-gradient(135deg,#1a9afb1a 0%,#6251181a 100%);border-radius:8px;padding:48px;border:2px solid #1A9AFB;position:relative;overflow:hidden}
.qualitysection .standardvisual .visualbox::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,#1a9afb26 0%,transparent 70%);animation:rotateglow 20s linear infinite}
@keyframes rotateglow {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.qualitysection .standardvisual .metricdisplay{position:relative;z-index:1;text-align:center}
.qualitysection .standardvisual .metricdisplay .metricvalue{font-size:4rem;color:#625118;font-weight:700;margin:0 0 12px;line-height:1}
.qualitysection .standardvisual .metricdisplay .metriclabel{font-size:1.2rem;color:#1A9AFB;font-weight:600;margin:0}
.qualitysection .standardvisual .progressring{margin:32px auto 0;width:160px;height:160px}
.qualitysection .standardvisual .progressring svg{transform:rotate(-90deg)}
.qualitysection .standardvisual .progressring .ringbackground{fill:none;stroke:#1a9afb33;stroke-width:12}
.qualitysection .standardvisual .progressring .ringprogress{fill:none;stroke:#1A9AFB;stroke-width:12;stroke-linecap:round;stroke-dasharray:440;stroke-dashoffset:110;transition:stroke-dashoffset 2s ease}
.trustsection{background:#fff;padding:80px 60px;border-radius:8px;box-shadow:0 6px 24px #0000001a;margin:0 0 80px}
.trustsection .trustheader{text-align:center;margin:0 0 56px}
.trustsection .trustheader .trusttitle{font-size:2.5rem;color:#625118;margin:0 0 16px;font-weight:700}
.trustsection .trustheader .trustdesc{font-size:1.15rem;color:#666;line-height:1.7;max-width:760px;margin:0 auto}
.trustsection .trustgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px}
.trustsection .trustbox{text-align:center;padding:36px 24px;background:#F7EFE9;border-radius:6px;transition:transform 180ms ease;position:relative}
.trustsection .trustbox:hover{transform:scale(1.03)}
.trustsection .trustbox .trusticonarea{width:80px;height:80px;background:linear-gradient(135deg,#1A9AFB 0%,#625118 100%);border-radius:50%;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #1a9afb4d}
.trustsection .trustbox .trusticonarea svg{width:40px;height:40px;fill:#fff}
.trustsection .trustbox .trustnumber{font-size:2.8rem;color:#1A9AFB;font-weight:700;margin:0 0 8px;line-height:1}
.trustsection .trustbox .trustlabel{font-size:1.1rem;color:#625118;font-weight:600;margin:0 0 12px}
.trustsection .trustbox .trustdetail{font-size:.95rem;color:#555;line-height:1.5;margin:0}
.calltoactionwrapper{text-align:center;margin:80px 0 0;padding:60px 40px;background:linear-gradient(135deg,#1A9AFB 0%,#625118 100%);border-radius:8px}
.calltoactionwrapper .ctaheading{font-size:2.2rem;color:#fff;margin:0 0 20px;font-weight:700}
.calltoactionwrapper .ctasubtext{font-size:1.15rem;color:#F7EFE9;margin:0 0 32px;line-height:1.6}
.calltoactionwrapper .ctabuttongroup{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.calltoactionwrapper .ctabutton{display:inline-block;padding:16px 40px;font-size:1.1rem;font-weight:600;border-radius:6px;text-decoration:none;transition:transform 180ms ease,box-shadow 180ms ease;position:relative;z-index:10}
.calltoactionwrapper .ctabutton.primary{background:#fff;color:#1A9AFB;box-shadow:0 4px 12px #0003}
.calltoactionwrapper .ctabutton.primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}
.calltoactionwrapper .ctabutton.secondary{background:transparent;color:#fff;border:2px solid #fff}
.calltoactionwrapper .ctabutton.secondary:hover{background:#ffffff1a;transform:translateY(-2px)}
@media (max-width: 768px) {
.herotitleblock{min-height:420px;margin:0 0 60px}
.herotitleblock .titlemain{font-size:2.2rem}
.herotitleblock .titletop{font-size:1.2rem}
.herotitleblock .titlesubtitle{font-size:1.1rem}
.motivationsection{padding:60px 30px;margin:0 0 60px}
.motivationsection .sectionhead{font-size:2rem}
.motivationsection .benefitgrid{grid-template-columns:1fr;gap:24px}
.qualitysection{margin:0 0 60px}
.qualitysection .qualityheader .headertext{font-size:2rem}
.qualitysection .standardblock{grid-template-columns:1fr;gap:32px}
.qualitysection .standardblock:nth-child(even){direction:ltr}
.trustsection{padding:60px 30px;margin:0 0 60px}
.trustsection .trustheader .trusttitle{font-size:2rem}
.trustsection .trustgrid{grid-template-columns:1fr;gap:28px}
.calltoactionwrapper{margin:60px 0 0;padding:50px 30px}
.calltoactionwrapper .ctaheading{font-size:1.8rem}
.calltoactionwrapper .ctabuttongroup{flex-direction:column;align-items:stretch}
.calltoactionwrapper .ctabutton{width:100%}
}
@media (min-width: 769px) and (max-width: 1024px) {
.herotitleblock .titlemain{font-size:2.8rem}
.motivationsection{padding:70px 40px}
.qualitysection .standardblock{gap:32px}
.trustsection{padding:70px 40px}
}
.pagetopwrapper{background:linear-gradient(135deg,#1A9AFB 0%,#625118 100%);padding:80px 20px 100px;position:relative;overflow:hidden}
.pagetopwrapper::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#f7efe926 0%,transparent 70%);border-radius:50%}
.pagetopwrapper::after{content:'';position:absolute;bottom:-10%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,#f7efe91a 0%,transparent 70%);border-radius:50%}
.topcontentblock{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:40px;position:relative;z-index:2}
.topheadline{font-size:48px;font-weight:700;color:#F7EFE9;margin:0 0 24px;line-height:1.2}
.benefitslist{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column;gap:16px}
.benefitslist li{color:#F7EFE9;font-size:18px;padding-left:36px;position:relative;line-height:1.6}
.benefitslist li::before{content:'→';position:absolute;left:0;color:#F7EFE9;font-size:24px;font-weight:700}
.topactionbtn{display:inline-block;background:#F7EFE9;color:#625118;padding:16px 40px;text-decoration:none;font-size:18px;font-weight:600;border-radius:8px;transition:all .2s;align-self:flex-start;position:relative;z-index:10}
.topactionbtn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}
.contactinfowrapper{background:#F7EFE9;padding:80px 20px}
.contactinfoinner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}
.infocard{background:#fff;padding:32px;border-radius:12px;box-shadow:0 4px 12px #00000014;transition:all .2s}
.infocard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}
.infocardicon{width:48px;height:48px;background:linear-gradient(135deg,#1A9AFB 0%,#625118 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.infocardicon i{color:#F7EFE9;font-size:24px}
.infocardtitle{font-size:20px;font-weight:600;color:#625118;margin:0 0 12px}
.infocardtext{color:#333;font-size:16px;line-height:1.6;margin:0}
.infocardtext a{color:#1A9AFB;text-decoration:none;transition:color .2s}
.infocardtext a:hover{color:#625118}
.formwrappersection{background:#fff;padding:80px 20px}
.formcontainer{max-width:720px;margin:0 auto}
.formsectiontitle{font-size:36px;font-weight:700;color:#625118;margin:0 0 16px;text-align:center}
.formsectionsubtitle{font-size:18px;color:#666;margin:0 0 48px;text-align:center;line-height:1.6}
.contactform{display:flex;flex-direction:column;gap:24px}
.formrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}
.formgroup{display:flex;flex-direction:column;gap:8px}
.formlabel{font-size:16px;font-weight:600;color:#333}
.forminput{padding:14px 16px;border:2px solid #e0e0e0;border-radius:6px;font-size:16px;transition:all .2s;background:#fff}
.forminput:focus{outline:none;border-color:#1A9AFB;box-shadow:0 0 0 3px #1a9afb1a}
.priorityselect{position:relative}
.priorityselect select{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:6px;font-size:16px;background:#fff;cursor:pointer;transition:all .2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%23333' d='M0 0l6 8 6-8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}
.priorityselect select:focus{outline:none;border-color:#1A9AFB;box-shadow:0 0 0 3px #1a9afb1a}
.privacycheckbox{display:flex;align-items:flex-start;gap:12px;padding:20px 0}
.privacycheckbox input[type="checkbox"]{width:20px;height:20px;margin-top:2px;cursor:pointer;flex-shrink:0;accent-color:#1A9AFB}
.privacylabel{font-size:15px;color:#666;line-height:1.6}
.privacylabel a{color:#1A9AFB;text-decoration:none;font-weight:500}
.privacylabel a:hover{text-decoration:underline}
.submitbtn{padding:16px 48px;background:linear-gradient(135deg,#1A9AFB 0%,#625118 100%);color:#F7EFE9;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s;position:relative;z-index:10}
.submitbtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1a9afb4d}
.submitbtn:active{transform:translateY(0)}
.hourssection{background:linear-gradient(63deg,#1A9AFB 0%,#625118 50%,#F7EFE9 100%);padding:80px 20px;position:relative}
.hourscontainer{max-width:1280px;margin:0 auto;text-align:center}
.hourstitle{font-size:32px;font-weight:700;color:#F7EFE9;margin:0 0 16px}
.hourstext{font-size:18px;color:#F7EFE9;line-height:1.8;max-width:600px;margin:0 auto 32px}
.hoursdetails{background:#fffffff2;padding:40px;border-radius:12px;max-width:500px;margin:0 auto;box-shadow:0 8px 24px #00000026}
.hoursitem{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #e0e0e0}
.hoursitem:last-child{border-bottom:none}
.hoursday{font-size:16px;font-weight:600;color:#625118}
.hourstime{font-size:16px;color:#666}
@media (max-width: 768px) {
.topheadline{font-size:36px}
.benefitslist li{font-size:16px}
.formrow{grid-template-columns:1fr}
.formsectiontitle{font-size:28px}
.pagetopwrapper{padding:60px 20px 80px}
.contactinfowrapper{padding:60px 20px}
.formwrappersection{padding:60px 20px}
.hourssection{padding:60px 20px}
.hoursdetails{padding:24px}
}
.webinarpagewrapper{background:#F7EFE9;width:100%}
.herotitlesection{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;min-height:580px;position:relative;overflow:hidden}
.herotitlesection::before{content:'';position:absolute;top:-10%;right:40%;width:180%;height:120%;background:linear-gradient(63deg,#1A9AFB 0%,#62511826 50%,transparent 100%);transform:rotate(-12deg);z-index:1}
.herotextzone{padding:90px 60px 60px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.herotextzone h1{font-size:3.2rem;line-height:1.1;color:#0D0D0D;margin:0 0 22px;font-weight:700}
.herotextzone p{font-size:1.1rem;line-height:1.65;color:#2A2A2A;margin:0 0 32px}
.herobuttoncontainer a{display:inline-block;background:#1A9AFB;color:#FFF;padding:14px 36px;border-radius:6px;text-decoration:none;font-weight:600;font-size:1.05rem;transition:all 180ms ease;box-shadow:0 4px 12px #1a9afb40}
.herobuttoncontainer a:hover{background:#1587D8;transform:translateY(-2px);box-shadow:0 6px 18px #1a9afb59}
.heroimagezone{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;padding:40px}
.heroimagezone img{width:100%;height:100%;object-fit:cover;border-radius:8px;box-shadow:0 8px 24px #0000001f;filter:contrast(1.05) brightness(0.98)}
.webinarformatsection{max-width:1280px;margin:0 auto;padding:100px 40px}
.formatsectionheader{text-align:center;margin-bottom:70px}
.formatsectionheader h2{font-size:2.6rem;color:#0D0D0D;margin:0 0 18px;font-weight:700}
.formatsectionheader p{font-size:1.15rem;color:#3D3D3D;line-height:1.7;max-width:720px;margin:0 auto}
.formatgridlayout{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.formatcarditem{background:#FFF;padding:44px 32px;border-radius:10px;box-shadow:0 2px 8px #0000000f;transition:all 200ms ease;border:2px solid transparent}
.formatcarditem:hover{transform:translateY(-6px);box-shadow:0 10px 28px #1a9afb2e;border-color:#1A9AFB}
.formatcardicon{width:66px;height:66px;background:linear-gradient(135deg,#1A9AFB 0%,#625118 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:26px}
.formatcardicon i{font-size:1.9rem;color:#FFF}
.formatcarditem h3{font-size:1.5rem;color:#0D0D0D;margin:0 0 16px;font-weight:600}
.formatcarditem p{font-size:1.05rem;color:#4A4A4A;line-height:1.65;margin:0}
.upcomingsection{background:linear-gradient(135deg,#1a9afb14 0%,#6251180d 100%);padding:90px 40px}
.upcomingwrapper{max-width:1280px;margin:0 auto}
.upcomingwrapper h2{font-size:2.5rem;color:#0D0D0D;margin:0 0 20px;font-weight:700}
.upcomingintro{font-size:1.1rem;color:#3D3D3D;line-height:1.7;margin-bottom:56px;max-width:840px}
.webinaritemlisting{display:flex;flex-direction:column;gap:28px}
.webinarblock{background:#FFF;border-radius:8px;padding:38px 42px;display:grid;grid-template-columns:140px 1fr 180px;gap:34px;align-items:center;box-shadow:0 3px 10px #00000012;transition:all 190ms ease}
.webinarblock:hover{box-shadow:0 8px 22px #0000001f;transform:translateX(8px)}
.webinardateblock{text-align:center;padding:16px;background:linear-gradient(180deg,#1A9AFB 0%,#625118 100%);border-radius:8px}
.webinardateblock .monthtext{font-size:.9rem;color:#FFF;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}
.webinardateblock .daytext{font-size:2.4rem;color:#FFF;font-weight:700;line-height:1}
.webinarcontentblock h3{font-size:1.45rem;color:#0D0D0D;margin:0 0 10px;font-weight:600}
.webinarcontentblock p{font-size:1rem;color:#4A4A4A;line-height:1.6;margin:0 0 12px}
.webinarspeaker{font-size:.95rem;color:#625118;font-weight:600}
.webinaractionblock a{display:inline-block;background:#1A9AFB;color:#FFF;padding:12px 28px;border-radius:6px;text-decoration:none;font-weight:600;font-size:1rem;transition:all 170ms ease;white-space:nowrap}
.webinaractionblock a:hover{background:#625118;transform:scale(1.05)}
.securityfocussection{max-width:1280px;margin:0 auto;padding:90px 40px;display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}
.securityimagearea{position:relative}
.securityimagearea::before{content:'';position:absolute;top:-20px;left:-20px;width:100%;height:100%;background:linear-gradient(135deg,#1a9afb26 0%,#6251181a 100%);border-radius:10px;z-index:0}
.securityimagearea img{width:100%;height:420px;object-fit:cover;border-radius:10px;position:relative;z-index:1;box-shadow:0 6px 20px #0000001c}
.securitycontentarea h2{font-size:2.5rem;color:#0D0D0D;margin:0 0 24px;font-weight:700;position:relative;display:inline-block}
.securitycontentarea h2::after{content:'';position:absolute;bottom:-8px;left:0;width:80px;height:4px;background:linear-gradient(90deg,#1A9AFB 0%,#625118 100%);border-radius:2px}
.securitycontentarea p{font-size:1.08rem;color:#3D3D3D;line-height:1.75;margin:32px 0 0}
.securitytopicslist{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:36px}
.topicitembox{display:flex;align-items:flex-start;gap:14px;padding:16px;background:#1a9afb0a;border-radius:6px;border-left:3px solid #1A9AFB}
.topicitembox i{font-size:1.3rem;color:#1A9AFB;margin-top:2px}
.topicitembox span{font-size:1.05rem;color:#2A2A2A;font-weight:500}
.registrationsection{background:linear-gradient(135deg,#1A9AFB 0%,#625118 100%);padding:80px 40px}
.registrationwrapper{max-width:900px;margin:0 auto;text-align:center}
.registrationwrapper h2{font-size:2.6rem;color:#FFF;margin:0 0 20px;font-weight:700}
.registrationwrapper p{font-size:1.15rem;color:#fffffff2;line-height:1.7;margin:0 0 42px}
.registrationformblock{background:#FFF;padding:48px 52px;border-radius:10px;box-shadow:0 10px 32px #00000026}
.forminputrow{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}
.forminputgroup{display:flex;flex-direction:column;gap:8px}
.forminputgroup label{font-size:.95rem;color:#2A2A2A;font-weight:600;text-align:left}
.forminputgroup input,.forminputgroup select{padding:14px 16px;border:2px solid #E0E0E0;border-radius:6px;font-size:1rem;transition:all 180ms ease}
.forminputgroup input:focus,.forminputgroup select:focus{outline:none;border-color:#1A9AFB;box-shadow:0 0 0 3px #1a9afb1a}
.forminputfull{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}
.forminputfull label{font-size:.95rem;color:#2A2A2A;font-weight:600;text-align:left}
.forminputfull input{padding:14px 16px;border:2px solid #E0E0E0;border-radius:6px;font-size:1rem;transition:all 180ms ease}
.forminputfull input:focus{outline:none;border-color:#1A9AFB;box-shadow:0 0 0 3px #1a9afb1a}
.formsubmitbutton{text-align:center;margin-top:32px}
.formsubmitbutton button{background:#1A9AFB;color:#FFF;padding:16px 56px;border:none;border-radius:6px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all 180ms ease;box-shadow:0 4px 12px #1a9afb4d}
.formsubmitbutton button:hover{background:#625118;transform:translateY(-2px);box-shadow:0 6px 18px #62511866}
@media (max-width: 968px) {
.herotitlesection{grid-template-columns:1fr;min-height:auto}
.herotitlesection::before{width:100%;height:100%;top:0;right:0;transform:rotate(-5deg)}
.herotextzone{padding:60px 40px 40px}
.herotextzone h1{font-size:2.4rem}
.heroimagezone{padding:20px 40px 60px}
.formatgridlayout{grid-template-columns:1fr;gap:24px}
.webinarblock{grid-template-columns:1fr;gap:24px;text-align:center}
.webinardateblock{margin:0 auto;max-width:120px}
.webinaractionblock a{display:block;max-width:200px;margin:0 auto}
.securityfocussection{grid-template-columns:1fr;gap:40px}
.securityimagearea::before{display:none}
.securitytopicslist{grid-template-columns:1fr}
.forminputrow{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.herotextzone h1{font-size:2rem}
.formatsectionheader h2,.upcomingwrapper h2,.securitycontentarea h2,.registrationwrapper h2{font-size:2rem}
.registrationformblock{padding:32px 24px}
}
.successpagewrapper{background:linear-gradient(165deg,#F7EFE9 0%,#fff 45%,#F7EFE9 100%);min-height:85vh;display:flex;align-items:center;justify-content:center;padding:40px 20px}
.messagecontainer{max-width:720px;margin:0 auto;text-align:center}
.successiconblock{margin-bottom:32px;position:relative;display:inline-block}
.successiconblock .iconwrapper{width:140px;height:140px;margin:0 auto;background:linear-gradient(135deg,#1A9AFB 0%,#625118 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 24px #1a9afb40;animation:pulsering 2s ease-in-out infinite}
.successiconblock .iconwrapper::before{content:'';position:absolute;top:-12px;left:-12px;right:-12px;bottom:-12px;border:2px solid #1A9AFB;border-radius:50%;opacity:.3}
.successiconblock .iconwrapper i{font-size:64px;color:#fff}
@keyframes pulsering {
0%,100%{transform:scale(1)}
50%{transform:scale(1.05)}
}
.messagecontainer .mainheading{font-size:42px;font-weight:700;color:#625118;margin-bottom:18px;line-height:1.2}
.messagecontainer .subdescription{font-size:19px;color:#4a4a4a;line-height:1.7;margin-bottom:28px;max-width:580px;margin-left:auto;margin-right:auto}
.infodetailsblock{background:#fff;border-radius:10px;padding:36px 28px;margin-bottom:32px;box-shadow:0 4px 16px #0000000f;text-align:left;max-width:540px;margin-left:auto;margin-right:auto}
.infodetailsblock .detailitem{display:flex;align-items:flex-start;margin-bottom:22px;padding-bottom:22px;border-bottom:1px dashed #e8e8e8}
.infodetailsblock .detailitem:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.infodetailsblock .detailitem .iconbox{width:48px;height:48px;background:linear-gradient(135deg,#F7EFE9 0%,#fff 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:18px;flex-shrink:0}
.infodetailsblock .detailitem .iconbox i{font-size:22px;color:#1A9AFB}
.infodetailsblock .detailitem .textcontent{flex:1}
.infodetailsblock .detailitem .textcontent .label{font-size:14px;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;display:block}
.infodetailsblock .detailitem .textcontent .value{font-size:17px;color:#2c2c2c;font-weight:600}
.actionbuttonsgroup{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.actionbuttonsgroup .primarybtn{padding:15px 38px;background:linear-gradient(135deg,#1A9AFB 0%,#625118 100%);color:#fff;text-decoration:none;border-radius:8px;font-size:17px;font-weight:600;display:inline-flex;align-items:center;gap:10px;box-shadow:0 4px 12px #1a9afb4d;transition:all .2s ease}
.actionbuttonsgroup .primarybtn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #1a9afb66}
.actionbuttonsgroup .secondarybtn{padding:15px 38px;background:#fff;color:#625118;text-decoration:none;border-radius:8px;font-size:17px;font-weight:600;border:2px solid #625118;display:inline-flex;align-items:center;gap:10px;transition:all .2s ease}
.actionbuttonsgroup .secondarybtn:hover{background:#625118;color:#fff;transform:translateY(-2px)}
.timelineexpectation{margin-top:42px;padding:28px;background:#fff;border-radius:10px;border-left:4px solid #1A9AFB;max-width:540px;margin-left:auto;margin-right:auto;text-align:left}
.timelineexpectation .timelineheading{font-size:19px;font-weight:700;color:#625118;margin-bottom:16px;display:flex;align-items:center;gap:12px}
.timelineexpectation .timelineheading i{color:#1A9AFB;font-size:22px}
.timelineexpectation .steplist{list-style:none;padding:0;margin:0}
.timelineexpectation .steplist .stepitem{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}
.timelineexpectation .steplist .stepitem:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.timelineexpectation .steplist .stepitem .stepnumber{width:32px;height:32px;background:linear-gradient(135deg,#1A9AFB 0%,#625118 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;flex-shrink:0}
.timelineexpectation .steplist .stepitem .steptext{flex:1;padding-top:4px}
.timelineexpectation .steplist .stepitem .steptext .steptitle{font-size:16px;font-weight:600;color:#2c2c2c;margin-bottom:4px}
.timelineexpectation .steplist .stepitem .steptext .stepdescription{font-size:14px;color:#666;line-height:1.5}
@media (max-width: 768px) {
.successpagewrapper{padding:30px 16px}
.successiconblock .iconwrapper{width:110px;height:110px}
.successiconblock .iconwrapper i{font-size:48px}
.messagecontainer .mainheading{font-size:32px}
.messagecontainer .subdescription{font-size:17px}
.infodetailsblock{padding:24px 20px}
.actionbuttonsgroup{flex-direction:column;gap:12px}
.actionbuttonsgroup .primarybtn,.actionbuttonsgroup .secondarybtn{width:100%;justify-content:center}
.timelineexpectation{padding:20px}
}
@media (max-width: 480px) {
.messagecontainer .mainheading{font-size:26px}
.messagecontainer .subdescription{font-size:16px}
.infodetailsblock .detailitem .iconbox{width:42px;height:42px}
.infodetailsblock .detailitem .iconbox i{font-size:20px}
.infodetailsblock .detailitem .textcontent .value{font-size:16px}
}