*{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:'Roboto Mono',monospace;line-height:1.6;color:#00104B;background-color:#fff}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
.mainheader{background:linear-gradient(135deg,#dbfd1426 0%,#e3e9ee4d 100%);padding:24px 0;box-shadow:0 8px 24px #00104b0f;border-bottom:2px solid #dbfd1466}
.mainheader .headerwrap{max-width:1600px;margin:0 auto;padding:0 32px}
.mainheader .toprow{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.mainheader .logobox{flex-shrink:0}
.mainheader .sitelogo{width:95px;height:95px;background:#ffffffe6;padding:12px;border-radius:24px;box-shadow:0 4px 16px #00104b1f}
.mainheader .brandflow{display:flex;align-items:center;gap:16px;flex:1;min-width:0}
.mainheader .companyname{font-size:1.8rem;font-weight:700;color:#00104B;white-space:nowrap}
.mainheader .flowconnect{font-size:1.5rem;color:#DBFD14;font-weight:700}
.mainheader .tagline2{font-size:1rem;color:#00104B;opacity:.8}
.mainheader .navholder{display:flex;gap:28px;align-items:center;margin-left:auto}
.mainheader .navlink{font-size:1rem;color:#00104B;padding:8px 16px;border-radius:18px;transition:background-color .3s ease,color .3s ease;white-space:nowrap}
.mainheader .navlink:hover{background-color:#dbfd14b3;color:#00104B}
.footersection{background:linear-gradient(180deg,#e3e9ee80 0%,#00104b14 100%);padding:48px 0;margin-top:80px;border-top:3px solid #dbfd1480}
.footersection .footerholder{max-width:1600px;margin:0 auto;padding:0 32px;display:flex;justify-content:space-between;align-items:flex-start;gap:48px;flex-wrap:wrap}
.footersection .footerleft{flex:1;min-width:200px}
.footersection .copytext{font-size:.9rem;color:#00104B;opacity:.7}
.footersection .footercenter{flex:1;min-width:250px}
.footersection .footernav{display:flex;gap:24px;flex-wrap:wrap}
.footersection .footlink{font-size:.95rem;color:#00104B;padding:6px 12px;border-radius:16px;transition:background-color .3s ease}
.footersection .footlink:hover{background-color:#dbfd1480}
.footersection .footerright{flex:1;min-width:250px}
.footersection .contactinfo{display:flex;flex-direction:column;gap:12px}
.footersection .contactitem{font-size:.9rem;color:#00104B}
.footersection .contactlink{color:#00104B;text-decoration:underline;transition:color .3s ease}
.footersection .contactlink:hover{color:#DBFD14}
.footersection .sociallinks{display:flex;gap:16px;flex-wrap:wrap}
.footersection .soclink{font-size:.85rem;color:#00104B;padding:6px 14px;background:#dbfd1433;border-radius:20px;transition:background-color .3s ease}
.footersection .soclink:hover{background-color:#dbfd1499}
.cookiebox{display:none;position:fixed;right:32px;top:50%;transform:translateY(-50%);background:#fff;padding:32px;border-radius:24px;box-shadow:0 16px 48px #00104b33;max-width:480px;width:70%;z-index:10000;border:2px solid #dbfd1499}
.cookiebox.show{display:block}
.cookiebox .cookietitle{font-size:1.4rem;font-weight:700;color:#00104B;margin-bottom:16px}
.cookiebox .cookietext{font-size:.95rem;color:#00104B;margin-bottom:24px;line-height:1.5}
.cookiebox .cookieactions{display:flex;gap:16px;flex-wrap:wrap}
.cookiebox .cookieaction{font-size:.9rem;color:#00104B;text-decoration:underline;padding:8px 12px;transition:color .3s ease;cursor:pointer}
.cookiebox .cookieaction:hover{color:#DBFD14}
.cookiesettings{display:none;position:fixed;right:32px;top:50%;transform:translateY(-50%);background:#fff;padding:32px;border-radius:24px;box-shadow:0 16px 48px #00104b33;max-width:520px;width:75%;z-index:10001;border:2px solid #dbfd1499;max-height:85vh;overflow-y:auto}
.cookiesettings.show{display:block}
.cookiesettings .settingstitle{font-size:1.3rem;font-weight:700;color:#00104B;margin-bottom:24px}
.cookiesettings .settingsoption{margin-bottom:20px;padding:16px;background:#e3e9ee4d;border-radius:16px}
.cookiesettings .settinglabel{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:700}
.cookiesettings .settingcheck{width:20px;height:20px;cursor:pointer}
.cookiesettings .settingname{font-size:1rem;color:#00104B}
.cookiesettings .settingdesc{font-size:.85rem;color:#00104B;opacity:.7;margin-top:8px;margin-left:32px}
.cookiesettings .settingsactions{display:flex;gap:16px;margin-top:24px;flex-wrap:wrap}
.cookiesettings .settingsaction{font-size:.9rem;color:#00104B;text-decoration:underline;padding:8px 12px;transition:color .3s ease;cursor:pointer}
.cookiesettings .settingsaction:hover{color:#DBFD14}
.cookiebadge{display:none;position:fixed;bottom:24px;right:24px;background:#dbfd14e6;padding:12px 20px;border-radius:24px;box-shadow:0 8px 24px #00104b26;z-index:9999}
.cookiebadge.show{display:block}
.cookiebadge .badgelink{font-size:.85rem;color:#00104B;font-weight:700;cursor:pointer;text-decoration:underline}
.cookiebadge .badgelink:hover{color:#fff}
@media (max-width: 1024px) {
.mainheader .toprow{flex-direction:column;align-items:flex-start}
.mainheader .navholder{margin-left:0;width:100%;justify-content:flex-start}
.mainheader .brandflow{flex-direction:column;align-items:flex-start;gap:8px}
.mainheader .flowconnect{transform:rotate(90deg)}
}
@media (max-width: 768px) {
.mainheader{padding:20px 0}
.mainheader .headerwrap{padding:0 20px}
.mainheader .sitelogo{width:70px;height:70px}
.mainheader .companyname{font-size:1.4rem}
.mainheader .tagline2{font-size:.9rem}
.mainheader .navholder{flex-direction:column;align-items:flex-start;gap:12px;width:100%}
.mainheader .navlink{width:100%;text-align:left}
.footersection .footerholder{flex-direction:column;gap:32px}
.cookiebox,.cookiesettings{right:16px;left:16px;width:auto;max-width:none}
.cookiebadge{bottom:16px;right:16px}
}
@media (max-width: 480px) {
.mainheader .companyname{font-size:1.2rem}
.mainheader .tagline2{font-size:.8rem}
.footersection .footernav{flex-direction:column;gap:12px}
.footersection .sociallinks{flex-direction:column}
.cookiebox,.cookiesettings{padding:24px}
}
.rules-text{max-width:1600px;margin:0 auto;padding:80px 24px;background:#fff}
.rules-text h1{font-size:48px;line-height:1.2;color:#00104B;margin:0 0 48px;font-weight:700;letter-spacing:-.5px}
.rules-text h2{font-size:36px;line-height:1.3;color:#00104B;margin:64px 0 24px;font-weight:700;letter-spacing:-.3px}
.rules-text h3{font-size:28px;line-height:1.4;color:#00104B;margin:48px 0 20px;font-weight:600}
.rules-text h4{font-size:22px;line-height:1.4;color:#00104B;margin:36px 0 16px;font-weight:600}
.rules-text h5{font-size:18px;line-height:1.5;color:#00104B;margin:28px 0 14px;font-weight:600}
.rules-text h6{font-size:16px;line-height:1.5;color:#00104B;margin:24px 0 12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.rules-text p{font-size:17px;line-height:1.8;color:#333;margin:0 0 24px;max-width:820px}
.rules-text ul{margin:0 0 24px;padding:0 0 0 28px;max-width:820px}
.rules-text ol{margin:0 0 24px;padding:0 0 0 28px;max-width:820px}
.rules-text li{font-size:17px;line-height:1.8;color:#333;margin:0 0 12px}
.rules-text em{font-style:italic;color:#00104B}
.rules-text i{font-style:italic;color:#00104B}
.rules-text strong{font-weight:600;color:#00104B}
.rules-text a{color:#00104B;text-decoration:none;border-bottom:2px solid #dbfd1499;transition:all .3s ease;font-weight:500}
.rules-text a:hover{color:#00104B;border-bottom-color:#DBFD14;background:#dbfd141f}
.rules-text table{width:100%;max-width:1200px;border-collapse:collapse;margin:40px 0;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 24px #00104b14}
.rules-text thead{background:#00104B}
.rules-text thead tr{border:none}
.rules-text thead th{color:#fff;font-weight:600;text-align:left;padding:20px 24px;font-size:16px;letter-spacing:.3px}
.rules-text tbody{background:#fff}
.rules-text tbody tr{border-bottom:1px solid #E3E9EE;transition:background .2s ease}
.rules-text tbody tr:last-child{border-bottom:none}
.rules-text tbody tr:hover{background:#dbfd140f}
.rules-text td{padding:18px 24px;font-size:16px;line-height:1.6;color:#333}
.rules-text th{padding:18px 24px;font-size:16px;line-height:1.6;color:#00104B;font-weight:600;text-align:left}
.rules-text hr{border:none;height:2px;background:linear-gradient(to right,#dbfd1466,#00104b33,#dbfd1466);margin:56px 0;border-radius:20px}
.rules-text blockquote{margin:32px 0;padding:24px 32px;background:#e3e9ee66;border-left:4px solid #DBFD14;border-radius:0 16px 16px 0;max-width:820px}
.rules-text blockquote p{margin:0;font-size:18px;color:#00104B;font-style:italic}
@media (max-width: 1024px) {
.rules-text{padding:60px 20px}
.rules-text h1{font-size:40px;margin-bottom:36px}
.rules-text h2{font-size:32px;margin-top:52px}
.rules-text h3{font-size:24px}
.rules-text table{font-size:15px}
.rules-text thead th{padding:16px 18px;font-size:15px}
.rules-text td{padding:14px 18px;font-size:15px}
}
@media (max-width: 768px) {
.rules-text{padding:48px 16px}
.rules-text h1{font-size:32px;margin-bottom:28px}
.rules-text h2{font-size:26px;margin-top:40px}
.rules-text h3{font-size:22px}
.rules-text h4{font-size:20px}
.rules-text p{font-size:16px}
.rules-text li{font-size:16px}
.rules-text table{display:block;overflow-x:auto;border-radius:16px}
.rules-text thead th{padding:14px 16px;font-size:14px}
.rules-text td{padding:12px 16px;font-size:14px}
.rules-text blockquote{padding:20px 24px;margin:24px 0}
.rules-text blockquote p{font-size:16px}
}
@media (max-width: 480px) {
.rules-text{padding:36px 16px}
.rules-text h1{font-size:28px}
.rules-text h2{font-size:24px}
.rules-text h3{font-size:20px}
.rules-text ul{padding-left:20px}
.rules-text ol{padding-left:20px}
}
.breadwrap{background:#E3E9EE;padding:14px 0;margin-bottom:48px}
.breadholder{max-width:1600px;margin:auto;padding:0 20px}
.breadlist{display:flex;flexdirection:row;gap:8px;alignitems:center;flexwrap:wrap;listsstyle:none;margin:0;padding:0}
.breadlist li{display:flex;alignitems:center;gap:8px;fontsize:14px;color:#00104B}
.breadlist li::after{content:'›';color:#00104B;fontsize:16px;opacity:.6}
.breadlist li:last-child::after{content:''}
.breadlist a{color:#00104B;textdecoration:none;transition:color .3s ease}
.breadlist a:hover{color:#DBFD14}
.breadlist span{color:#00104B;opacity:.7}
.articlebox{max-width:1600px;margin:auto;padding:0 20px 80px}
.mainhead{maxwidth:920px;margin:0 auto 56px;textalign:center}
.mainhead h1{fontsize:48px;lineheight:1.2;color:#00104B;marginbottom:0;fontweight:700}
.imgwrap{maxwidth:1200px;margin:0 auto 64px;borderradius:24px;overflow:hidden;boxshadow:0 12px 32px #00104b1f;position:relative}
.imgwrap::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#dbfd1426 0%,#00104b0d 100%);pointerevents:none;zindex:1}
.imgwrap img{width:100%;height:auto;display:block}
.contentholder{maxwidth:820px;margin:auto}
.contentholder p{fontsize:18px;lineheight:1.7;color:#00104B;marginbottom:24px}
.contentholder strong{fontweight:600;color:#00104B;position:relative}
.contentholder strong::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#DBFD14 0%,transparent 100%)}
.contentholder em{fontsstyle:italic;color:#00104B;opacity:.9}
.contentholder ul,.contentholder ol{marginbottom:28px;paddingleft:24px}
.contentholder ul li,.contentholder ol li{fontsize:18px;lineheight:1.7;color:#00104B;marginbottom:12px;position:relative}
.contentholder ul li::marker{color:#DBFD14;fontsize:22px}
.contentholder ol li::marker{color:#00104B;fontweight:600}
.contentholder h2,.contentholder h3,.contentholder h4{color:#00104B;fontweight:700;margintop:48px;marginbottom:20px;position:relative;paddingleft:20px}
.contentholder h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:80%;background:linear-gradient(180deg,#DBFD14 0%,#00104B 100%);borderradius:8px}
.contentholder h2{fontsize:36px;lineheight:1.3}
.contentholder h3{fontsize:28px;lineheight:1.4}
.contentholder h3::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:70%;background:#DBFD14;borderradius:6px}
.contentholder h4{fontsize:22px;lineheight:1.5;paddingleft:0}
.contentholder h4::after{content:'';position:absolute;bottom:-8px;left:0;width:60px;height:3px;background:#DBFD14;borderradius:4px}
.calloutbox{background:linear-gradient(135deg,#dbfd141f 0%,#e3e9ee80 100%);padding:32px 36px;borderradius:20px;marginbottom:32px;borderleft:5px solid #DBFD14;position:relative;overflow:hidden}
.calloutbox::after{content:'';position:absolute;top:-50%;right:-50px;width:200px;height:200px;background:radial-gradient(circle,#00104b0a 0%,transparent 70%);borderradius:50%}
.calloutbox p{margin:0;fontsize:17px;lineheight:1.6;color:#00104B;position:relative;zindex:1}
@media (maxwidth: 768px) {
.mainhead h1{fontsize:32px}
.contentholder p,.contentholder ul li,.contentholder ol li{fontsize:16px}
.contentholder h2{fontsize:28px}
.contentholder h3{fontsize:22px}
.contentholder h4{fontsize:19px}
.imgwrap{borderradius:16px;marginbottom:40px}
.calloutbox{padding:24px 20px}
}
.toparea{background:linear-gradient(135deg,#00104B 0%,#1a2a6f 100%);padding:120px 20px 140px;position:relative;overflow:hidden}
.toparea::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:#dbfd1414;border-radius:50%;filter:blur(80px)}
.topwrap{max-width:1600px;margin:0 auto;position:relative;z-index:2}
.maintitletext{font-size:3.2rem;color:#DBFD14;margin:0 0 24px;font-weight:700;line-height:1.2;letter-spacing:-.02em}
.leadcopy{font-size:1.3rem;color:#E3E9EE;line-height:1.7;max-width:720px;margin:0}
.partnersection{background:#E3E9EE;padding:100px 20px;position:relative}
.partnerholder{max-width:1600px;margin:0 auto;display:flex;gap:60px;align-items:flex-start}
.partnertext{flex:1;min-width:320px}
.partnertitle{font-size:2.4rem;color:#00104B;margin:0 0 28px;font-weight:700;line-height:1.3}
.partnertitle::before{content:'';display:block;width:60px;height:4px;background:#DBFD14;margin-bottom:20px;border-radius:24px}
.partnerdesc{font-size:1.1rem;color:#2a2a3d;line-height:1.8;margin:0 0 20px}
.partnervisual{flex:1;min-width:320px}
.partnerimg{width:100%;height:420px;object-fit:cover;border-radius:24px;box-shadow:0 12px 40px #00104b1f}
.relationblock{background:linear-gradient(180deg,#00104B 0%,#001866 100%);padding:110px 20px;position:relative}
.relationblock::after{content:'';position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:#dbfd140f;border-radius:50%;filter:blur(90px)}
.relationwrap{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;position:relative;z-index:2}
.relationleft{display:flex;flex-direction:column;gap:32px}
.relationhead{font-size:2.6rem;color:#DBFD14;margin:0;font-weight:700;line-height:1.25}
.relationinfo{font-size:1.15rem;color:#E3E9EE;line-height:1.75;margin:0}
.relationright{display:flex;align-items:center}
.relationpic{width:100%;height:480px;object-fit:cover;border-radius:28px;box-shadow:0 16px 48px #0000004d}
.flowgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px}
.flowcard{background:#e3e9ee14;padding:32px 28px;border-radius:20px;border:1px solid #dbfd1426;transition:all .3s ease}
.flowcard:hover{background:#e3e9ee1f;border-color:#dbfd1466;transform:translateY(-4px);box-shadow:0 8px 24px #dbfd1426}
.flownum{font-size:2.8rem;color:#DBFD14;font-weight:700;margin:0 0 16px;line-height:1}
.flowtitle2{font-size:1.25rem;color:#E3E9EE;margin:0 0 12px;font-weight:600;line-height:1.4}
.flowtext{font-size:1rem;color:#b8c4d0;line-height:1.6;margin:0}
.subscribezone{background:#fff;padding:120px 20px;position:relative}
.subscribewrap{max-width:1600px;margin:0 auto}
.subscribelayout{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}
.subscribecontent{display:flex;flex-direction:column;gap:28px}
.subscribehead{font-size:2.8rem;color:#00104B;margin:0;font-weight:700;line-height:1.2}
.subscribecopy{font-size:1.15rem;color:#2a2a3d;line-height:1.75;margin:0}
.benefitlist{display:flex;flex-direction:column;gap:18px;margin:20px 0 0;padding:0;list-style:none}
.benefititem{display:flex;align-items:flex-start;gap:14px;font-size:1.05rem;color:#2a2a3d;line-height:1.6}
.benefititem::before{content:'';width:24px;height:24px;background:#DBFD14;border-radius:50%;flex-shrink:0;margin-top:2px;box-shadow:0 4px 12px #dbfd1440}
.subscribevisual{position:relative}
.subscribeimg{width:100%;height:520px;object-fit:cover;border-radius:28px;box-shadow:0 20px 60px #00104b26}
.ctabox{background:linear-gradient(135deg,#DBFD14 0%,#b8d611 100%);padding:48px 40px;border-radius:24px;margin-top:40px;box-shadow:0 12px 40px #dbfd1433}
.ctahead2{font-size:1.6rem;color:#00104B;margin:0 0 24px;font-weight:700;line-height:1.3}
.subbtn{display:inline-block;background:#00104B;color:#DBFD14;padding:18px 44px;border-radius:28px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 8px 24px #00104b40}
.subbtn:hover{background:#001866;transform:translateY(-3px);box-shadow:0 12px 32px #00104b59}
@media (max-width: 1024px) {
.maintitletext{font-size:2.6rem}
.partnerholder{flex-direction:column;gap:40px}
.relationwrap{grid-template-columns:1fr;gap:50px}
.flowgrid{grid-template-columns:1fr}
.subscribelayout{grid-template-columns:1fr;gap:50px}
}
@media (max-width: 768px) {
.toparea{padding:80px 20px 100px}
.maintitletext{font-size:2.2rem}
.leadcopy{font-size:1.15rem}
.partnersection{padding:70px 20px}
.partnertitle{font-size:2rem}
.partnerimg{height:320px}
.relationblock{padding:80px 20px}
.relationhead{font-size:2.2rem}
.relationpic{height:360px}
.subscribezone{padding:80px 20px}
.subscribehead{font-size:2.2rem}
.subscribeimg{height:380px}
.ctabox{padding:36px 28px}
}
@media (max-width: 480px) {
.maintitletext{font-size:1.9rem}
.leadcopy{font-size:1.05rem}
.partnertitle{font-size:1.75rem}
.partnerdesc{font-size:1rem}
.partnerimg{height:280px}
.relationhead{font-size:1.9rem}
.relationinfo{font-size:1.05rem}
.relationpic{height:300px}
.flowcard{padding:24px 20px}
.flownum{font-size:2.2rem}
.flowtitle2{font-size:1.1rem}
.subscribehead{font-size:1.9rem}
.subscribecopy{font-size:1.05rem}
.subscribeimg{height:320px}
.ctabox{padding:28px 20px}
.ctahead2{font-size:1.4rem}
.subbtn{padding:16px 36px;font-size:1rem}
}
.titleholder{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0 0 80px}
.titleholder .bgimg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:sepia(0.15) brightness(0.72)}
.titleholder .gradoverlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#00104be0 0%,#dbfd14b8 100%);animation:gradflow 8s ease-in-out infinite alternate}
@keyframes gradflow {
0%{opacity:.88}
100%{opacity:.92}
}
.titleholder .textcontent{position:relative;z-index:3;max-width:900px;padding:40px 24px;text-align:center;margin:0 auto}
.titleholder .mainhead{font-size:58px;font-weight:700;color:#FFF;margin:0 0 20px;line-height:1.15}
.titleholder .numaccent{color:#DBFD14;font-weight:800}
.titleholder .explain{font-size:20px;line-height:1.6;color:#E3E9EE;margin:0}
.authorsection{max-width:1400px;margin:0 auto 90px;padding:0 24px}
.authorsection .layoutgrid{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;align-items:start}
.authorsection .photobox{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 16px 48px #00104b2e}
.authorsection .photobox img{width:100%;height:auto;display:block;filter:contrast(1.05) saturate(1.1)}
.authorsection .infoarea{padding:30px 0}
.authorsection .sectionlabel{font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:#00104B;margin:0 0 16px}
.authorsection .bigtitle{font-size:42px;font-weight:700;color:#00104B;margin:0 0 28px;line-height:1.2}
.authorsection .storytext{font-size:17px;line-height:1.75;color:#334155;margin:0 0 20px}
.authorsection .storytext:last-of-type{margin:0}
.experiencegrid{max-width:1400px;margin:0 auto 95px;padding:60px 24px;background:linear-gradient(165deg,#E3E9EE 0%,#F8FAFB 100%);border-radius:28px}
.experiencegrid .sectionhead2{font-size:38px;font-weight:700;color:#00104B;text-align:center;margin:0 0 50px}
.experiencegrid .cardlayout{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.experiencegrid .skillcard{background:#FFF;padding:36px 28px;border-radius:20px;box-shadow:0 8px 24px #00104b14;transition:all .35s ease;border:2px solid transparent}
.experiencegrid .skillcard:hover{transform:translateY(-6px);box-shadow:0 16px 40px #00104b24;border-color:#dbfd1499}
.experiencegrid .skillcard .icontop{width:56px;height:56px;background:linear-gradient(135deg,#DBFD14 0%,#B8D611 100%);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 0 22px}
.experiencegrid .skillcard .cardtitle{font-size:22px;font-weight:700;color:#00104B;margin:0 0 14px}
.experiencegrid .skillcard .carddesc{font-size:16px;line-height:1.65;color:#475569;margin:0}
.approachzone{max-width:1100px;margin:0 auto 85px;padding:0 24px}
.approachzone .centertitle{font-size:40px;font-weight:700;color:#00104B;text-align:center;margin:0 0 20px;line-height:1.2}
.approachzone .centerintro{font-size:18px;line-height:1.7;color:#475569;text-align:center;max-width:820px;margin:0 auto 50px}
.approachzone .stepscontainer{display:flex;flex-direction:column;gap:28px}
.approachzone .stepitem{display:grid;grid-template-columns:80px 1fr;gap:24px;padding:32px;background:#FFF;border-radius:18px;border-left:5px solid #DBFD14;box-shadow:0 6px 20px #00104b0f;transition:all .3s ease}
.approachzone .stepitem:hover{box-shadow:0 12px 32px #00104b1f;transform:translateX(8px)}
.approachzone .stepitem .stepnumber{width:70px;height:70px;background:linear-gradient(135deg,#00104B 0%,#001972 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:800;color:#DBFD14}
.approachzone .stepitem .stepcontent .steptitle{font-size:24px;font-weight:700;color:#00104B;margin:0 0 12px}
.approachzone .stepitem .stepcontent .stepdesc{font-size:16px;line-height:1.7;color:#475569;margin:0}
.ctablock{max-width:1400px;margin:0 auto 70px;padding:70px 24px;background:linear-gradient(145deg,#00104B 0%,#001A6E 100%);border-radius:32px;text-align:center;position:relative;overflow:hidden}
.ctablock::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#dbfd1426 0%,transparent 70%);border-radius:50%}
.ctablock .ctatitle{font-size:44px;font-weight:700;color:#FFF;margin:0 0 18px;position:relative;z-index:2;line-height:1.2}
.ctablock .ctasubtitle{font-size:19px;line-height:1.6;color:#E3E9EE;margin:0 0 38px;max-width:700px;margin-left:auto;margin-right:auto;position:relative;z-index:2}
.ctablock .btnwrap{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}
.ctablock .btnprimary{display:inline-block;padding:18px 42px;background:#DBFD14;color:#00104B;font-size:17px;font-weight:700;text-decoration:none;border-radius:16px;box-shadow:0 8px 24px #dbfd1459;transition:all .3s ease}
.ctablock .btnprimary:hover{background:#C9E813;transform:translateY(-3px);box-shadow:0 14px 36px #dbfd1473}
.ctablock .btnsecondary{display:inline-block;padding:18px 42px;background:transparent;color:#DBFD14;font-size:17px;font-weight:700;text-decoration:none;border-radius:16px;border:2px solid #DBFD14;transition:all .3s ease}
.ctablock .btnsecondary:hover{background:#dbfd141f;border-color:#C9E813;color:#C9E813}
@media (max-width: 968px) {
.titleholder{min-height:420px;margin:0 0 60px}
.titleholder .mainhead{font-size:42px}
.titleholder .explain{font-size:18px}
.authorsection .layoutgrid{grid-template-columns:1fr;gap:40px}
.authorsection .bigtitle{font-size:34px}
.experiencegrid .cardlayout{grid-template-columns:1fr}
.approachzone .stepitem{grid-template-columns:1fr;gap:18px}
.approachzone .stepitem .stepnumber{margin:0 auto}
.ctablock .ctatitle{font-size:34px}
.ctablock .btnwrap{flex-direction:column;align-items:center}
.ctablock .btnprimary,.ctablock .btnsecondary{width:100%;max-width:340px}
}
@media (max-width: 640px) {
.titleholder .mainhead{font-size:32px}
.titleholder .explain{font-size:16px}
.authorsection .bigtitle{font-size:28px}
.experiencegrid .sectionhead2{font-size:30px}
.approachzone .centertitle{font-size:30px}
.ctablock .ctatitle{font-size:28px}
}
.blogtop{background:linear-gradient(135deg,#DBFD14 0%,#E3E9EE 100%);padding:80px 20px;text-align:center;border-radius:24px;margin:0 auto 60px;max-width:1600px}
.blogtop h1{font-size:48px;color:#00104B;margin:0 0 16px;font-weight:700}
.blogtop p{font-size:18px;color:#00104B;max-width:700px;margin:0 auto;opacity:.85}
.mainwrap{max-width:1600px;margin:0 auto;padding:0 20px 80px}
.sectiongroup1{margin-bottom:80px}
.sectionhead1{display:flex;align-items:center;gap:16px;margin-bottom:40px}
.sectionhead1 h2{font-size:36px;color:#00104B;margin:0;font-weight:700;position:relative}
.sectionhead1 h2::before{content:'';position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:6px;height:40px;background:#DBFD14;border-radius:8px}
.gridbox1{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px}
.carditem1{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #00104b14;transition:transform 0.3s,box-shadow .3s}
.carditem1:hover{transform:translateY(-8px);box-shadow:0 16px 32px #00104b29}
.imgwrap1{width:100%;height:240px;overflow:hidden;background:linear-gradient(135deg,#E3E9EE 0%,#DBFD14 100%);position:relative}
.imgwrap1 img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.carditem1:hover .imgwrap1 img{transform:scale(1.05)}
.cardcontent1{padding:24px}
.cardcontent1 h3{font-size:22px;color:#00104B;margin:0 0 12px;font-weight:600;line-height:1.4}
.cardlink1{display:inline-block;color:#00104B;text-decoration:none;font-weight:600;font-size:16px;padding:12px 28px;background:#DBFD14;border-radius:16px;transition:background 0.3s,transform .2s;margin-top:16px}
.cardlink1:hover{background:#c5e812;transform:scale(1.05)}
.sectiongroup2{margin-bottom:80px;background:linear-gradient(180deg,#E3E9EE 0%,#fff 100%);padding:60px 40px;border-radius:24px}
.sectionhead2{text-align:center;margin-bottom:48px}
.sectionhead2 h2{font-size:36px;color:#00104B;margin:0 0 12px;font-weight:700;position:relative;display:inline-block}
.sectionhead2 h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:#DBFD14;border-radius:8px}
.listbox2{display:flex;flex-direction:column;gap:24px;max-width:900px;margin:0 auto}
.listitem2{background:#fff;padding:32px;border-radius:20px;box-shadow:0 4px 16px #00104b0f;border-left:6px solid #DBFD14;transition:transform 0.3s,box-shadow .3s}
.listitem2:hover{transform:translateX(8px);box-shadow:0 8px 24px #00104b1f}
.listitem2 h3{font-size:24px;color:#00104B;margin:0 0 16px;font-weight:600}
.listlink2{display:inline-flex;align-items:center;gap:8px;color:#00104B;text-decoration:none;font-weight:600;font-size:16px;transition:gap .3s}
.listlink2:hover{gap:14px}
.listlink2::after{content:'→';font-size:20px}
.sectiongroup3{margin-bottom:60px}
.sectionhead3{background:#00104B;padding:48px 40px;border-radius:24px 24px 0 0}
.sectionhead3 h2{font-size:36px;color:#DBFD14;margin:0;font-weight:700;text-align:center}
.gridbox3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1px;background:#E3E9EE;border-radius:0 0 24px 24px;overflow:hidden}
.carditem3{background:#fff;padding:32px;transition:background .3s}
.carditem3:hover{background:#dbfd141a}
.carditem3 h3{font-size:20px;color:#00104B;margin:0 0 12px;font-weight:600;line-height:1.4}
.carditem3 p{font-size:15px;color:#00104B;margin:0 0 20px;line-height:1.6;opacity:.8}
.cardlink3{display:inline-block;color:#00104B;text-decoration:none;font-weight:600;font-size:15px;padding:10px 24px;background:#E3E9EE;border-radius:12px;transition:background 0.3s,color .3s}
.cardlink3:hover{background:#DBFD14;color:#00104B}
.subscribebox{background:linear-gradient(135deg,#00104B 0%,#001a6b 100%);padding:60px 40px;border-radius:24px;text-align:center;max-width:1200px;margin:0 auto}
.subscribebox h2{font-size:32px;color:#DBFD14;margin:0 0 16px;font-weight:700}
.subscribebox p{font-size:17px;color:#E3E9EE;margin:0 0 32px;max-width:600px;margin-left:auto;margin-right:auto}
.subbtn{display:inline-block;color:#00104B;text-decoration:none;font-weight:700;font-size:18px;padding:16px 48px;background:#DBFD14;border-radius:20px;transition:transform 0.3s,box-shadow .3s;box-shadow:0 8px 24px #dbfd144d}
.subbtn:hover{transform:scale(1.08);box-shadow:0 12px 32px #dbfd1480}
@media (max-width: 768px) {
.blogtop{padding:60px 20px;margin-bottom:40px}
.blogtop h1{font-size:36px}
.blogtop p{font-size:16px}
.sectionhead1 h2,.sectionhead2 h2,.sectionhead3 h2{font-size:28px}
.gridbox1{grid-template-columns:1fr;gap:24px}
.sectiongroup2{padding:40px 20px}
.listitem2{padding:24px}
.gridbox3{grid-template-columns:1fr}
.subscribebox{padding:40px 20px}
.subscribebox h2{font-size:26px}
}
@media (max-width: 480px) {
.blogtop h1{font-size:28px}
.sectionhead1 h2::before{left:0;position:relative;display:inline-block;margin-right:12px}
.cardcontent1 h3{font-size:20px}
.listitem2 h3{font-size:20px}
.carditem3 h3{font-size:18px}
}
.subscribeintro{background:linear-gradient(135deg,#E3E9EE 0%,#DBFD14 100%);padding:120px 20px 80px;position:relative;overflow:hidden}
.subscribeintro::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:#00104b0d;border-radius:50%}
.subscribeintro::after{content:'';position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:#dbfd1433;border-radius:50%}
.introwrap{max-width:1600px;margin:0 auto;position:relative;z-index:2}
.introtitle{font-size:56px;color:#00104B;margin:0 0 32px;line-height:1.2}
.introtxt{font-size:20px;color:#00104B;line-height:1.6;max-width:700px}
.benefitsarea{padding:100px 20px;background:#fff}
.benefitsholder{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.benefitcard{background:#E3E9EE;padding:48px 32px;border-radius:24px;position:relative;transition:all .3s ease}
.benefitcard::before{content:'';position:absolute;top:0;left:0;width:6px;height:0;background:#DBFD14;border-radius:24px 0 0 24px;transition:height .4s ease}
.benefitcard:hover::before{height:100%}
.benefitcard:hover{transform:translateY(-8px);box-shadow:0 16px 32px #00104b26}
.cardicon{width:64px;height:64px;background:#DBFD14;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.cardicon svg{width:32px;height:32px;fill:#00104B}
.cardhead{font-size:24px;color:#00104B;margin:0 0 16px}
.carddesc{font-size:16px;color:#00104B;line-height:1.6;margin:0}
.formzone{background:linear-gradient(180deg,#00104B 0%,#00104be6 100%);padding:100px 20px;position:relative}
.formzone::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#DBFD14 0%,transparent 100%)}
.formcontainer{max-width:800px;margin:0 auto}
.formtitle{font-size:42px;color:#DBFD14;text-align:center;margin:0 0 48px}
.subscribeform{background:#e3e9ee1a;padding:48px;border-radius:32px;backdrop-filter:blur(10px)}
.inputgroup{margin-bottom:32px}
.inputlabel{display:block;font-size:16px;color:#E3E9EE;margin-bottom:12px}
.inputfield{width:100%;padding:18px 24px;font-size:16px;border:2px solid #dbfd144d;border-radius:16px;background:#ffffff0d;color:#fff;transition:all .3s ease}
.inputfield:focus{outline:none;border-color:#DBFD14;background:#ffffff1a;box-shadow:0 0 0 4px #dbfd141a}
.inputfield::placeholder{color:#e3e9ee80}
.checkarea{display:flex;align-items:flex-start;margin-bottom:32px}
.checkboxwrap{display:flex;align-items:center}
.checkboxinput{width:24px;height:24px;margin-right:12px;cursor:pointer}
.checklabel{font-size:14px;color:#E3E9EE;line-height:1.5}
.submitbtn{width:100%;padding:20px;font-size:18px;font-weight:700;color:#00104B;background:#DBFD14;border:none;border-radius:16px;cursor:pointer;transition:all .3s ease;position:relative;z-index:1}
.submitbtn:hover{transform:translateY(-2px);box-shadow:0 12px 24px #dbfd1466;filter:brightness(1.1)}
.submitbtn:active{transform:translateY(0)}
.frequencyblock{padding:100px 20px;background:#E3E9EE}
.frequencywrap{max-width:1200px;margin:0 auto;display:flex;gap:60px;align-items:center}
.freqtext{flex:1}
.freqheading{font-size:38px;color:#00104B;margin:0 0 24px}
.freqpara{font-size:18px;color:#00104B;line-height:1.7;margin:0 0 20px}
.freqchart{flex:1;position:relative}
.chartitem{display:flex;align-items:center;margin-bottom:24px;gap:16px}
.chartlabel{font-size:16px;color:#00104B;min-width:180px}
.chartbar{flex:1;height:48px;background:#fff;border-radius:24px;position:relative;overflow:hidden}
.barfill{height:100%;background:linear-gradient(90deg,#DBFD14 0%,#dbfd14b3 100%);border-radius:24px;display:flex;align-items:center;justify-content:flex-end;padding-right:16px;transition:width 1s ease}
.barvalue{font-size:14px;font-weight:700;color:#00104B}
.privacysection{padding:80px 20px;background:#fff}
.privacycontainer{max-width:1000px;margin:0 auto;text-align:center}
.privacyhead{font-size:32px;color:#00104B;margin:0 0 32px;position:relative;display:inline-block}
.privacyhead::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:#DBFD14;border-radius:2px}
.privacygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px}
.privacyitem{background:#E3E9EE;padding:32px 24px;border-radius:20px;transition:all .3s ease}
.privacyitem:hover{background:#DBFD14;transform:scale(1.05)}
.privacyicon{width:48px;height:48px;margin:0 auto 20px}
.privacyicon svg{width:100%;height:100%;fill:#00104B}
.privacylabel{font-size:18px;color:#00104B;margin:0;font-weight:700}
@media (max-width: 1024px) {
.benefitsholder{grid-template-columns:repeat(2,1fr);gap:32px}
.frequencywrap{flex-direction:column}
.privacygrid{grid-template-columns:repeat(2,1fr)}
.introtitle{font-size:42px}
}
@media (max-width: 768px) {
.subscribeintro{padding:80px 20px 60px}
.introtitle{font-size:36px}
.introtxt{font-size:18px}
.benefitsholder{grid-template-columns:1fr;gap:24px}
.benefitsarea,.formzone,.frequencyblock,.privacysection{padding:60px 20px}
.formtitle{font-size:32px}
.subscribeform{padding:32px 24px}
.freqheading{font-size:28px}
.chartitem{flex-direction:column;align-items:flex-start}
.chartlabel{min-width:100%}
.chartbar{width:100%}
.privacygrid{grid-template-columns:1fr;gap:20px}
.privacyhead{font-size:26px}
}
.successwrap{max-width:1600px;margin:0 auto;padding:0 20px}
.successblock{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:80px 20px;background:linear-gradient(135deg,#dbfd1414 0%,#00104b0d 100%);position:relative}
.successblock::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#DBFD14 0%,#00104B 50%,#DBFD14 100%)}
.contentgrid{display:grid;grid-template-columns:1fr;gap:40px;max-width:720px;margin:0 auto;text-align:center}
.iconholder{position:relative;width:140px;height:140px;margin:0 auto 20px;background:linear-gradient(135deg,#DBFD14 0%,#dbfd14b3 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 16px 48px #00104b1f 0 8px 24px #dbfd1426}
.iconholder::after{content:'';position:absolute;width:160px;height:160px;border:2px solid #dbfd144d;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}
.checkmark{width:70px;height:70px;fill:#00104B;position:relative;z-index:2}
.titlesection h1{font-size:2.8rem;line-height:1.2;color:#00104B;margin:0 0 16px;font-weight:700}
.titlesection h1::after{content:'';display:block;width:80px;height:4px;background:#DBFD14;margin:24px auto 0;border-radius:20px}
.messagebox{background:#fff;padding:36px 40px;border-radius:24px;box-shadow:0 8px 32px #00104b14;border:2px solid #E3E9EE}
.messagebox p{font-size:1.1rem;line-height:1.7;color:#00104B;margin:0 0 24px}
.messagebox p:last-of-type{margin-bottom:0}
.actionrow{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:32px}
.btnprimary{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:#00104B;color:#DBFD14;text-decoration:none;border-radius:20px;font-size:1.05rem;font-weight:600;transition:all .3s ease;box-shadow:0 6px 20px #00104b26;position:relative;z-index:5}
.btnprimary:hover{background:#001566;transform:translateY(-2px);box-shadow:0 10px 32px #00104b40;color:#DBFD14}
.btnsecondary{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:#DBFD14;color:#00104B;text-decoration:none;border-radius:20px;font-size:1.05rem;font-weight:600;transition:all .3s ease;box-shadow:0 6px 20px #dbfd1433;position:relative;z-index:5}
.btnsecondary:hover{background:#c9ea12;transform:translateY(-2px);box-shadow:0 10px 32px #dbfd144d;color:#00104B}
.infocard{background:linear-gradient(135deg,#e3e9ee80 0%,#e3e9ee33 100%);padding:28px 32px;border-radius:20px;border-left:5px solid #DBFD14;margin-top:32px}
.infocard p{font-size:1rem;line-height:1.6;color:#00104B;margin:0}
.contactlinks{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:28px}
.contactitem{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border:2px solid #E3E9EE;border-radius:16px;text-decoration:none;color:#00104B;font-size:.95rem;transition:all .3s ease;position:relative;z-index:5}
.contactitem:hover{border-color:#DBFD14;background:#dbfd141a;transform:translateY(-2px);box-shadow:0 6px 16px #00104b14}
.contacticon{width:20px;height:20px;fill:#00104B}
@media (max-width: 768px) {
.successblock{padding:60px 20px;min-height:60vh}
.titlesection h1{font-size:2rem}
.iconholder{width:110px;height:110px}
.iconholder::after{width:130px;height:130px}
.checkmark{width:55px;height:55px}
.messagebox{padding:28px 24px}
.messagebox p{font-size:1rem}
.actionrow{flex-direction:column;gap:12px}
.btnprimary,.btnsecondary{width:100%;justify-content:center;padding:14px 28px;font-size:1rem}
.contactlinks{flex-direction:column;gap:12px}
.contactitem{justify-content:center}
}
@media (max-width: 480px) {
.successblock{padding:40px 16px}
.titlesection h1{font-size:1.6rem}
.contentgrid{gap:28px}
.messagebox{padding:24px 20px}
}