*{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:'Ubuntu',sans-serif;background:#FAFBFD;color:#080D1B;line-height:1.6}
h1,h2,h3,h4,h5,h6{font-family:'Alegreya',serif;font-weight:700}
.hdrwrap{max-width:1320px;margin:0 auto;padding:20px 30px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#080D1B 0%,#1a2135 50%,#080D1B 100%);box-shadow:0 4px 12px #00fc8e26}
.hdrleft{display:flex;align-items:center;gap:18px}
.logobox{display:flex;align-items:center;justify-content:center;background:#fafbfd14;padding:10px;border-radius:8px;box-shadow:0 2px 8px #00fc8e33}
.logoimg{height:90px;width:90px;display:block}
.companyname{font-size:26px;font-weight:700;color:#FAFBFD;letter-spacing:.5px}
.hdrright{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.mainnav{display:flex;gap:24px;align-items:center}
.mainnav .navitem{color:#FAFBFD;text-decoration:none;font-size:16px;font-weight:400;padding:8px 16px;border-radius:6px;transition:background .2s ease,color .2s ease}
.mainnav .navitem:hover{background:#00fc8e1f;color:#00FC8E}
.mainnav .cta-v1{background:#00FC8E;color:#080D1B;font-weight:700;padding:10px 20px;border-radius:50px}
.mainnav .cta-v1:hover{background:#00e680;color:#080D1B}
.tagline-v2{font-size:13px;color:#fafbfdb3;font-style:italic;margin:0}
.ftrwrap{max-width:1320px;margin:0 auto;padding:50px 30px;display:flex;justify-content:space-between;align-items:flex-start;gap:80px;background:linear-gradient(180deg,#080D1B 0%,#0d1425 100%);border-top:2px solid #00fc8e4d}
.ftrblock{display:flex;flex-direction:column;gap:12px}
.ftrtext{color:#fafbfdd9;font-size:14px;margin:0}
.ftrlink{color:#fafbfdd9;text-decoration:none;font-size:14px;transition:color .2s ease}
.ftrlink:hover{color:#00FC8E}
.ftrcontact{color:#fafbfdb3;font-size:13px;margin:0}
.cookiebox{position:fixed;top:20px;left:20px;background:#FAFBFD;padding:24px;border-radius:12px;box-shadow:0 8px 24px #080d1b4d 0 2px 8px #00fc8e26;max-width:380px;z-index:9999;display:none;border:2px solid #00FC8E}
.cookiebox[data-visible="true"]{display:block}
.cookiebox.visible-v2{animation:slideInCookie .3s ease}
@keyframes slideInCookie {
from{opacity:0;transform:translateX(-20px)}
to{opacity:1;transform:translateX(0)}
}
.cookieinner{display:flex;flex-direction:column;gap:16px}
.cookietitle{font-size:20px;color:#080D1B;margin:0}
.cookiedesc{font-size:14px;color:#080D1B;line-height:1.5;margin:0}
.cookieoptions{display:flex;flex-direction:column;gap:10px}
.cookielabel{display:flex;align-items:center;gap:8px;font-size:14px;color:#080D1B;cursor:pointer}
.cookiechk{width:18px;height:18px;cursor:pointer;accent-color:#00FC8E}
.cookieactions{display:flex;gap:12px;margin-top:8px}
.cookiebtn{flex:1;padding:10px 16px;font-size:14px;font-weight:700;cursor:pointer;border:none;transition:background .2s ease,transform .1s ease}
.cookiebtn:active{transform:scale(0.98)}
.cookiebtn.accept-v1{background:#00FC8E;color:#080D1B;border-radius:50px}
.cookiebtn.accept-v1:hover{background:#00e680}
.cookiebtn.deny-v1{background:#080D1B;color:#FAFBFD;border-radius:50px}
.cookiebtn.deny-v1:hover{background:#0d1425}
@media (max-width: 768px) {
.hdrwrap{flex-direction:column;align-items:flex-start;gap:20px;padding:16px 20px}
.hdrleft{width:100%;justify-content:space-between}
.hdrright{width:100%;align-items:flex-start}
.mainnav{flex-wrap:wrap;gap:12px}
.mainnav .navitem{font-size:14px;padding:6px 12px}
.ftrwrap{flex-direction:column;gap:30px;padding:30px 20px}
.ftrblock{width:100%}
.cookiebox{left:10px;right:10px;max-width:none;top:10px}
}
@media (max-width: 480px) {
.companyname{font-size:20px}
.logoimg{height:60px;width:60px}
.mainnav .navitem{font-size:13px}
.cookieactions{flex-direction:column}
}
.content-doc{max-width:820px;margin:0 auto;padding:60px 20px 80px;background:#FAFBFD}
.content-doc h1{font-size:42px;font-weight:700;color:#080D1B;line-height:1.2;margin:0 0 16px;letter-spacing:-.5px}
.content-doc h2{font-size:32px;font-weight:700;color:#080D1B;line-height:1.3;margin:48px 0 20px;letter-spacing:-.3px}
.content-doc h3{font-size:24px;font-weight:600;color:#080D1B;line-height:1.4;margin:36px 0 16px}
.content-doc h4{font-size:20px;font-weight:600;color:#080D1B;line-height:1.4;margin:28px 0 14px}
.content-doc h5{font-size:18px;font-weight:600;color:#080D1B;line-height:1.5;margin:24px 0 12px}
.content-doc h6{font-size:16px;font-weight:600;color:#080D1B;line-height:1.5;margin:20px 0 10px;text-transform:uppercase;letter-spacing:.5px}
.content-doc p{font-size:17px;line-height:1.7;color:#080D1B;margin:0 0 20px;font-weight:400}
.content-doc p:last-child{margin-bottom:0}
.content-doc strong,.content-doc b{font-weight:700;color:#080D1B}
.content-doc ul,.content-doc ol{margin:0 0 24px;padding:0 0 0 28px}
.content-doc ul li,.content-doc ol li{font-size:17px;line-height:1.7;color:#080D1B;margin:0 0 12px;padding-left:8px}
.content-doc ul li:last-child,.content-doc ol li:last-child{margin-bottom:0}
.content-doc ul{list-style-type:disc}
.content-doc ul ul{margin:12px 0 0;list-style-type:circle}
.content-doc ol{list-style-type:decimal}
.content-doc ol ol{margin:12px 0 0;list-style-type:lower-alpha}
.content-doc div{margin:0 0 20px}
.content-doc a{color:#00FC8E;text-decoration:underline;transition:opacity .2s ease}
.content-doc a:hover{opacity:.8}
.content-doc h1:first-child{margin-top:0}
.content-doc h2:first-child,.content-doc h3:first-child,.content-doc h4:first-child,.content-doc h5:first-child,.content-doc h6:first-child{margin-top:0}
@media (max-width: 768px) {
.content-doc{padding:40px 16px 60px}
.content-doc h1{font-size:32px;margin-bottom:14px}
.content-doc h2{font-size:26px;margin:36px 0 16px}
.content-doc h3{font-size:22px;margin:28px 0 14px}
.content-doc h4{font-size:19px;margin:24px 0 12px}
.content-doc h5{font-size:17px;margin:20px 0 10px}
.content-doc h6{font-size:15px;margin:18px 0 10px}
.content-doc p{font-size:16px;line-height:1.65;margin-bottom:18px}
.content-doc ul li,.content-doc ol li{font-size:16px;line-height:1.65;margin-bottom:10px}
.content-doc ul,.content-doc ol{padding-left:24px;margin-bottom:20px}
}
@media (max-width: 480px) {
.content-doc{padding:32px 14px 50px}
.content-doc h1{font-size:28px}
.content-doc h2{font-size:24px}
.content-doc h3{font-size:20px}
.content-doc ul,.content-doc ol{padding-left:20px}
}
.titlezone{max-width:1320px;margin:80px auto 0;padding:0 20px}
.titlegrid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.titletext h1{font-size:52px;line-height:1.1;color:#080D1B;margin:0 0 24px;font-weight:700}
.titletext p{font-size:18px;line-height:1.6;color:#080D1B;margin:0 0 16px}
.titletext p:last-child{margin-bottom:0}
.imgmosaic{display:grid;grid-template-columns:1fr 1fr;gap:16px;position:relative}
.imgmosaic::before{content:'';position:absolute;width:4px;height:4px;background:#00FC8E;border-radius:50%;top:-20px;left:40%;box-shadow:20px 0 0 #00FC8E,40px 0 0 #00FC8E,60px 0 0 #00FC8E,80px 0 0 #00FC8E}
.imgmosaic img{width:100%;height:280px;object-fit:cover;border-radius:8px;position:relative}
.imgmosaic img:first-child{grid-column:1 / 2}
.imgmosaic img:nth-child(2){grid-column:2 / 3;grid-row:1 / 2}
.imgmosaic img::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#00fc8e1a 0%,transparent 60%);border-radius:8px}
.schedblock{max-width:1320px;margin:120px auto 0;padding:0 20px}
.schedgrid-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.schedcard{background:#FAFBFD;padding:32px;border-radius:10px;border:2px solid transparent;transition:all .3s ease;position:relative}
.schedcard::before{content:'';position:absolute;top:0;left:0;width:5px;height:0;background:linear-gradient(180deg,#00FC8E 0%,#080D1B 100%);border-radius:10px 0 0 10px;transition:height .3s ease}
.schedcard:hover{border-color:#00FC8E;transform:translateY(-4px);box-shadow:0 8px 24px #00fc8e26}
.schedcard:hover::before{height:100%}
.schedtag{display:inline-block;background:linear-gradient(90deg,#080D1B 0%,#00FC8E 100%);color:#FAFBFD;padding:6px 16px;border-radius:6px;font-size:13px;font-weight:600;margin-bottom:20px;letter-spacing:.5px}
.schedcard h3{font-size:24px;color:#080D1B;margin:0 0 16px;font-weight:700}
.schedcard p{font-size:16px;color:#080D1B;line-height:1.5;margin:0 0 24px}
.schedmeta{display:flex;gap:20px;padding-top:20px;border-top:1px solid #080d1b1a}
.metaitem{display:flex;align-items:center;gap:8px;font-size:14px;color:#080D1B}
.metaitem svg{width:18px;height:18px;fill:#00FC8E}
.benefitzone{background:linear-gradient(160deg,#080D1B 0%,#00FC8E 100%);margin-top:120px;padding:80px 20px;position:relative;overflow:hidden}
.benefitzone::before{content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle,#fafbfd1a 0%,transparent 70%);top:-100px;right:-100px;border-radius:50%}
.benefitzone::after{content:'';position:absolute;width:300px;height:300px;background:radial-gradient(circle,#fafbfd14 0%,transparent 70%);bottom:-80px;left:-80px;border-radius:50%}
.benefitwrap{max-width:1320px;margin:0 auto;position:relative;z-index:1}
.benefittitle{text-align:center;margin-bottom:60px}
.benefittitle h2{font-size:42px;color:#FAFBFD;margin:0 0 16px;font-weight:700}
.benefittitle p{font-size:18px;color:#fafbfde6;margin:0}
.benefitflexgrid{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}
.benefitbox{flex:1 1 calc(33.333% - 24px);min-width:280px;background:#fafbfd1a;backdrop-filter:blur(10px);padding:36px 28px;border-radius:12px;border:1px solid #fafbfd33;transition:all .3s ease}
.benefitbox:hover{background:#fafbfd26;border-color:#fafbfd66;transform:scale(1.03)}
.benefiticon{width:52px;height:52px;background:#00FC8E;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.benefiticon svg{width:28px;height:28px;fill:#080D1B}
.benefitbox h3{font-size:20px;color:#FAFBFD;margin:0 0 12px;font-weight:600}
.benefitbox p{font-size:15px;color:#fafbfdd9;line-height:1.6;margin:0}
.ctazone{max-width:1320px;margin:120px auto 80px;padding:0 20px}
.ctasplit{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center;background:#FAFBFD;border-radius:12px;padding:60px;box-shadow:0 12px 32px #080d1b14;position:relative;overflow:hidden}
.ctasplit::before{content:'';position:absolute;width:200px;height:200px;background:linear-gradient(135deg,#00fc8e1a 0%,transparent 70%);border-radius:50%;top:-50px;right:-50px}
.ctatext h2{font-size:38px;color:#080D1B;margin:0 0 20px;font-weight:700;position:relative}
.ctatext h2::after{content:'';width:60px;height:4px;background:#00FC8E;display:block;margin-top:16px;border-radius:2px}
.ctatext p{font-size:17px;color:#080D1B;line-height:1.6;margin:0 0 32px}
.ctalist{list-style:none;padding:0;margin:0 0 32px}
.ctalist li{padding:10px 0 10px 32px;font-size:16px;color:#080D1B;position:relative}
.ctalist li::before{content:'';position:absolute;left:0;top:14px;width:18px;height:18px;background:#00FC8E;border-radius:50%;box-shadow:0 0 0 4px #00fc8e33}
.ctalist li::after{content:'✓';position:absolute;left:4px;top:12px;color:#080D1B;font-weight:700;font-size:12px}
.ctaimg img{width:100%;height:380px;object-fit:cover;border-radius:10px;box-shadow:0 8px 24px #080d1b1f}
.btnprimary-v1{display:inline-block;background:linear-gradient(90deg,#080D1B 0%,#00FC8E 100%);color:#FAFBFD;padding:16px 36px;border-radius:8px;font-size:17px;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 16px #00fc8e4d;position:relative;z-index:2}
.btnprimary-v1:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00fc8e66}
@media (max-width: 1024px) {
.titlegrid{grid-template-columns:1fr;gap:40px}
.titletext h1{font-size:42px}
.schedgrid-v2{grid-template-columns:1fr 1fr}
.ctasplit{grid-template-columns:1fr;padding:40px}
.ctatext h2{font-size:32px}
}
@media (max-width: 768px) {
.titlezone{margin-top:60px}
.titletext h1{font-size:36px}
.imgmosaic{grid-template-columns:1fr}
.imgmosaic img{height:220px}
.schedgrid-v2{grid-template-columns:1fr}
.benefittitle h2{font-size:34px}
.benefitflexgrid{flex-direction:column}
.benefitbox{flex:1 1 100%}
.ctasplit{padding:32px 24px}
.ctatext h2{font-size:28px}
.ctaimg img{height:280px}
}
@media (max-width: 480px) {
.titletext h1{font-size:30px}
.titletext p{font-size:16px}
.schedcard{padding:24px}
.schedcard h3{font-size:20px}
.benefitzone{padding:60px 20px}
.benefittitle h2{font-size:28px}
.ctatext h2{font-size:24px}
.ctatext p{font-size:15px}
}
.filmblock{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#080D1B 0%,#1a2341 100%);overflow:hidden;margin-bottom:0}
.filmblock::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(./event_gallery/5_nav.jpg);background-size:cover;background-position:center;opacity:.35;z-index:1}
.filmblock::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,#00000014 0px,transparent 1px,transparent 2px,#00000014 3px);z-index:2;pointer-events:none}
.filmblock-inner{position:relative;z-index:3;max-width:1320px;margin:0 auto;padding:60px 20px;text-align:center}
.filmblock-inner h1{font-size:3.2rem;font-weight:700;color:#FAFBFD;margin:0 0 20px;line-height:1.2;text-shadow:2px 4px 12px #080d1b66}
.filmblock-inner .subline{font-size:1.3rem;color:#00FC8E;margin:0 0 32px;font-weight:400;line-height:1.5}
.btn-v1{display:inline-block;padding:14px 36px;background:#00FC8E;color:#080D1B;font-size:1.05rem;font-weight:600;text-decoration:none;border-radius:6px;transition:all .3s ease;box-shadow:0 4px 16px #00fc8e40}
.btn-v1:hover{background:#00e080;transform:translateY(-2px);box-shadow:0 6px 20px #00fc8e59;color:#080D1B}
.resources-wrap{max-width:1320px;margin:80px auto;padding:0 20px}
.resources-wrap h2{font-size:2.4rem;color:#080D1B;margin:0 0 16px;font-weight:700}
.resources-wrap .intro-text{font-size:1.1rem;color:#4a5568;margin:0 0 48px;line-height:1.6}
.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.resource-item{background:#FAFBFD;border-radius:8px;padding:32px 24px;border:2px solid #e2e8f0;transition:all .3s ease;position:relative}
.resource-item::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#00FC8E 0%,#080D1B 100%);transition:height .3s ease;border-radius:8px 0 0 8px}
.resource-item:hover::before{height:100%}
.resource-item:hover{border-color:#00FC8E;box-shadow:0 8px 24px #00fc8e1f;transform:translateY(-4px)}
.resource-item h3{font-size:1.4rem;color:#080D1B;margin:0 0 12px;font-weight:600}
.resource-item p{font-size:.98rem;color:#5a6d7f;margin:0;line-height:1.6}
.people-section{background:linear-gradient(165deg,#080D1B 0%,#1e2a47 100%);padding:80px 20px;margin:0}
.people-inner{max-width:1320px;margin:0 auto}
.people-header{text-align:center;margin-bottom:56px}
.people-header h2{font-size:2.6rem;color:#FAFBFD;margin:0 0 16px;font-weight:700}
.people-header p{font-size:1.15rem;color:#00FC8E;margin:0;line-height:1.6}
.team-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.team-card{background:#fafbfd0d;border-radius:10px;padding:36px;border:1px solid #00fc8e26;transition:all .3s ease;position:relative;overflow:hidden}
.team-card::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#00FC8E 0%,#080D1B 100%);border-radius:10px;opacity:0;transition:opacity .3s ease;z-index:-1}
.team-card:hover::before{opacity:.15}
.team-card:hover{transform:translateY(-6px);border-color:#00fc8e66}
.team-card h3{font-size:1.5rem;color:#FAFBFD;margin:0 0 8px;font-weight:600}
.team-card .role{font-size:1rem;color:#00FC8E;margin:0 0 20px;font-weight:500}
.team-card p{font-size:.98rem;color:#cbd5e0;margin:0;line-height:1.7}
.relevance-outer{max-width:1320px;margin:80px auto;padding:0 20px}
.relevance-split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.relevance-content h2{font-size:2.5rem;color:#080D1B;margin:0 0 20px;font-weight:700;position:relative;display:inline-block}
.relevance-content h2::after{content:'';position:absolute;bottom:-8px;left:0;width:60px;height:4px;background:#00FC8E;border-radius:2px}
.relevance-content p{font-size:1.05rem;color:#4a5568;margin:28px 0 0;line-height:1.7}
.relevance-features{display:flex;flex-direction:column;gap:24px}
.feature-box{background:#FAFBFD;border-left:4px solid #00FC8E;padding:24px 28px;border-radius:6px;box-shadow:0 2px 12px #080d1b0f;transition:all .3s ease}
.feature-box:hover{box-shadow:0 6px 20px #080d1b1f;transform:translateX(4px)}
.feature-box h4{font-size:1.25rem;color:#080D1B;margin:0 0 10px;font-weight:600}
.feature-box p{font-size:.96rem;color:#5a6d7f;margin:0;line-height:1.6}
.relevance-visual{position:relative}
.relevance-visual img{width:100%;height:auto;border-radius:12px;box-shadow:0 12px 36px #080d1b26}
.philosophy-container{background:linear-gradient(250deg,#FAFBFD 0%,#e8f4ef 50%,#FAFBFD 100%);padding:80px 20px;margin:0}
.philosophy-wrap{max-width:1320px;margin:0 auto}
.philosophy-header{text-align:center;margin-bottom:52px}
.philosophy-header h2{font-size:2.5rem;color:#080D1B;margin:0 0 16px;font-weight:700}
.philosophy-header .tagline{font-size:1.1rem;color:#4a5568;margin:0;line-height:1.6}
.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.approach-card{background:#FAFBFD;border-radius:10px;padding:32px 24px;box-shadow:0 4px 16px #080d1b14;transition:all .3s ease;position:relative;border-top:3px solid transparent}
.approach-card:nth-child(1){border-top-color:#00FC8E}
.approach-card:nth-child(2){border-top-color:#080D1B}
.approach-card:nth-child(3){border-top-color:#00FC8E}
.approach-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #080d1b24}
.approach-card h3{font-size:1.45rem;color:#080D1B;margin:0 0 14px;font-weight:600}
.approach-card p{font-size:.98rem;color:#5a6d7f;margin:0;line-height:1.7}
.access-outer{max-width:1320px;margin:80px auto 0;padding:0 20px}
.access-layout{display:grid;grid-template-columns:55% 45%;gap:56px;align-items:center}
.access-image-zone{position:relative}
.access-image-zone img{width:100%;height:auto;border-radius:10px;box-shadow:0 10px 32px #080d1b1f}
.access-text h2{font-size:2.4rem;color:#080D1B;margin:0 0 20px;font-weight:700}
.access-text p{font-size:1.05rem;color:#4a5568;margin:0 0 32px;line-height:1.7}
.capability-list{display:flex;flex-direction:column;gap:18px}
.capability-item{display:flex;align-items:flex-start;gap:14px;padding:16px;background:#FAFBFD;border-radius:6px;border:1px solid #e2e8f0;transition:all .3s ease}
.capability-item:hover{border-color:#00FC8E;box-shadow:0 4px 16px #00fc8e1a}
.capability-icon{flex-shrink:0;width:28px;height:28px;background:#00FC8E;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:2px}
.capability-icon::after{content:'✓';color:#080D1B;font-size:1rem;font-weight:700}
.capability-content h4{font-size:1.1rem;color:#080D1B;margin:0 0 6px;font-weight:600}
.capability-content p{font-size:.95rem;color:#5a6d7f;margin:0;line-height:1.6}
.action-footer{background:#080D1B;padding:72px 20px;margin-top:80px;text-align:center}
.action-footer-inner{max-width:1320px;margin:0 auto}
.action-footer h2{font-size:2.2rem;color:#FAFBFD;margin:0 0 20px;font-weight:700}
.action-footer p{font-size:1.1rem;color:#cbd5e0;margin:0 0 36px;line-height:1.6}
.action-footer .btn-v1{margin-right:16px}
.btn-v2{display:inline-block;padding:14px 36px;background:transparent;color:#00FC8E;font-size:1.05rem;font-weight:600;text-decoration:none;border-radius:6px;border:2px solid #00FC8E;transition:all .3s ease}
.btn-v2:hover{background:#00FC8E;color:#080D1B}
@media (max-width: 1024px) {
.filmblock-inner h1{font-size:2.6rem}
.resource-grid{grid-template-columns:repeat(2,1fr)}
.relevance-split{grid-template-columns:1fr;gap:40px}
.approach-grid{grid-template-columns:1fr}
.access-layout{grid-template-columns:1fr;gap:44px}
}
@media (max-width: 768px) {
.filmblock{min-height:420px}
.filmblock-inner h1{font-size:2rem}
.filmblock-inner .subline{font-size:1.1rem}
.resources-wrap h2,.people-header h2,.relevance-content h2,.philosophy-header h2,.access-text h2,.action-footer h2{font-size:1.9rem}
.resource-grid{grid-template-columns:1fr;gap:20px}
.team-cards{grid-template-columns:1fr;gap:24px}
.action-footer .btn-v1{margin:0 0 12px;display:block}
.btn-v2{display:block}
}
.cntct-wrap{max-width:1320px;margin:0 auto;padding:0 20px}
.herotop{padding:80px 0 60px;position:relative}
.herotop::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#FAFBFD 0%,#00FC8E 100%);opacity:.03;z-index:-1}
.herotop .inner-wrap{display:flex;align-items:center;gap:60px}
.herotop .txt-area{flex:1}
.herotop .txt-area h1{font-size:48px;line-height:1.2;margin:0 0 24px;color:#080D1B}
.herotop .txt-area h1 .accent-phrase{color:#00FC8E;position:relative}
.herotop .txt-area h1 .accent-phrase::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#00FC8E 0%,#080D1B 100%)}
.herotop .txt-area p{font-size:18px;line-height:1.6;color:#080D1B;margin:0;opacity:.85}
.herotop .visual-block{flex:0 0 380px;height:380px;background:linear-gradient(225deg,#080D1B 0%,#00FC8E 45%,#FAFBFD 100%);border-radius:12px;position:relative;box-shadow:0 12px 40px #00fc8e26}
.herotop .visual-block::before{content:'';position:absolute;top:20px;right:20px;width:80px;height:80px;border:3px solid #FAFBFD;border-radius:50%;opacity:.6}
.herotop .visual-block::after{content:'';position:absolute;bottom:30px;left:30px;width:120px;height:120px;background:#fafbfd33;border-radius:8px;transform:rotate(15deg)}
.form-section-v1{padding:80px 0;background:#FAFBFD}
.form-section-v1 .form-header{text-align:center;margin-bottom:60px}
.form-section-v1 .form-header h2{font-size:36px;color:#080D1B;margin:0 0 16px;position:relative;display:inline-block}
.form-section-v1 .form-header h2::before{content:'';position:absolute;top:-8px;left:-20px;width:40px;height:2px;background:#00FC8E}
.form-section-v1 .form-header p{font-size:16px;color:#080D1B;margin:0;opacity:.75}
.stepform-outer{max-width:720px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 8px 30px #080d1b14;overflow:hidden}
.step-indicator{display:flex;background:linear-gradient(90deg,#080D1B 0%,#00FC8E 100%);padding:24px 40px;gap:16px}
.step-indicator .step-item{flex:1;text-align:center;padding:12px;background:#fafbfd26;border-radius:6px;color:#FAFBFD;font-size:14px;font-weight:500;position:relative}
.step-indicator .step-item::before{content:attr(data-step);display:block;width:28px;height:28px;background:#FAFBFD;color:#080D1B;border-radius:50%;margin:0 auto 8px;line-height:28px;font-weight:600}
.form-content{padding:40px}
.form-step{display:none;animation:fadein-v1 .4s ease}
@keyframes fadein-v1 {
from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
#step1:checked ~ .form-content .step1-content,#step2:checked ~ .form-content .step2-content,#step3:checked ~ .form-content .step3-content{display:block}
#step1:checked ~ .step-indicator .step-item[data-step="1"],#step2:checked ~ .step-indicator .step-item[data-step="2"],#step3:checked ~ .step-indicator .step-item[data-step="3"]{background:#fafbfd59}
.stepform-outer input[type="radio"]{display:none}
.field-group{margin-bottom:28px}
.field-group label{display:block;font-size:14px;font-weight:600;color:#080D1B;margin-bottom:8px}
.field-group input[type="text"],.field-group input[type="email"],.field-group input[type="tel"]{width:100%;padding:14px 16px;border:2px solid #080d1b1f;border-radius:8px;font-size:16px;color:#080D1B;background:#FAFBFD;transition:all .3s ease;box-sizing:border-box}
.field-group input:focus{outline:none;border-color:#00FC8E;box-shadow:0 0 0 3px #00fc8e1a}
.nav-btns{display:flex;gap:12px;margin-top:32px}
.nav-btns label{flex:1;padding:14px 24px;background:#080D1B;color:#FAFBFD;border-radius:8px;text-align:center;cursor:pointer;font-weight:600;transition:all .3s ease;border:2px solid #080D1B}
.nav-btns label:hover{background:#00FC8E;color:#080D1B;border-color:#00FC8E;transform:translateY(-2px);box-shadow:0 6px 20px #00fc8e40}
.nav-btns label.back-btn{background:transparent;color:#080D1B;border:2px solid #080d1b33}
.nav-btns label.back-btn:hover{background:#080d1b0d;border-color:#080D1B;box-shadow:none}
.privacy-check{margin:24px 0;display:flex;align-items:flex-start;gap:12px}
.privacy-check input[type="checkbox"]{margin-top:4px;width:18px;height:18px;cursor:pointer;accent-color:#00FC8E}
.privacy-check label{font-size:14px;color:#080D1B;line-height:1.5;cursor:pointer;opacity:.85}
.privacy-check a{color:#00FC8E;text-decoration:none;font-weight:600}
.privacy-check a:hover{text-decoration:underline}
.submit-btn-v1{width:100%;padding:16px;background:linear-gradient(135deg,#080D1B 0%,#00FC8E 100%);color:#FAFBFD;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}
.submit-btn-v1:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00fc8e4d}
.contact-info-section{padding:80px 0;background:#fff}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1100px;margin:0 auto}
.info-card-v2{background:linear-gradient(145deg,#FAFBFD 0%,white 100%);border:1px solid #080d1b14;border-radius:10px;padding:32px 24px;text-align:center;transition:all .3s ease;position:relative}
.info-card-v2::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#00FC8E 0%,#080D1B 100%);border-radius:10px 10px 0 0;opacity:0;transition:opacity .3s ease}
.info-card-v2:hover{transform:translateY(-8px);box-shadow:0 12px 35px #00fc8e26}
.info-card-v2:hover::before{opacity:1}
.info-card-v2 .icon-circle{width:80px;height:80px;background:linear-gradient(135deg,#00FC8E 0%,#080D1B 100%);border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #00fc8e40}
.info-card-v2 .icon-circle svg{width:36px;height:36px;fill:#FAFBFD}
.info-card-v2 h3{font-size:20px;color:#080D1B;margin:0 0 12px;font-weight:600}
.info-card-v2 p{font-size:15px;color:#080D1B;margin:0;opacity:.8;line-height:1.6}
.info-card-v2 a{color:#00FC8E;text-decoration:none;font-weight:500}
.info-card-v2 a:hover{text-decoration:underline}
.faq-zone{padding:80px 0;background:linear-gradient(180deg,#FAFBFD 0%,white 100%)}
.faq-zone .section-head{text-align:center;margin-bottom:50px}
.faq-zone .section-head h2{font-size:36px;color:#080D1B;margin:0 0 16px;position:relative;display:inline-block}
.faq-zone .section-head h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:#00FC8E}
.faq-items{max-width:900px;margin:0 auto}
.faq-item-wrap{margin-bottom:16px;border:1px solid #080d1b1a;border-radius:8px;overflow:hidden;background:#fff}
.faq-item-wrap input[type="checkbox"]{display:none}
.faq-question{display:block;padding:20px 24px;cursor:pointer;font-size:18px;font-weight:600;color:#080D1B;position:relative;transition:all .3s ease}
.faq-question::after{content:'+';position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:24px;color:#00FC8E;transition:transform .3s ease}
.faq-item-wrap input[type="checkbox"]:checked + .faq-question{background:linear-gradient(90deg,#00fc8e0d 0%,#080d1b05 100%)}
.faq-item-wrap input[type="checkbox"]:checked + .faq-question::after{transform:translateY(-50%) rotate(45deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease;padding:0 24px}
.faq-item-wrap input[type="checkbox"]:checked ~ .faq-answer{max-height:500px;padding:0 24px 20px}
.faq-answer p{font-size:16px;line-height:1.6;color:#080D1B;margin:0;opacity:.85}
@media (max-width: 992px) {
.herotop .inner-wrap{flex-direction:column;gap:40px}
.herotop .visual-block{flex:0 0 300px;height:300px}
.herotop .txt-area h1{font-size:38px}
.info-grid{grid-template-columns:1fr;gap:24px}
.form-content{padding:32px 24px}
}
@media (max-width: 768px) {
.herotop{padding:60px 0 40px}
.herotop .txt-area h1{font-size:32px}
.herotop .visual-block{flex:0 0 260px;height:260px}
.form-section-v1,.contact-info-section,.faq-zone{padding:60px 0}
.form-section-v1 .form-header h2,.faq-zone .section-head h2{font-size:28px}
.step-indicator{padding:20px;gap:8px}
.step-indicator .step-item{font-size:12px;padding:10px 8px}
.step-indicator .step-item::before{width:24px;height:24px;line-height:24px;font-size:12px}
.form-content{padding:24px 20px}
.nav-btns{flex-direction:column}
.faq-question{font-size:16px;padding:16px 20px}
}
@media (max-width: 480px) {
.herotop .txt-area h1{font-size:26px}
.herotop .txt-area p{font-size:16px}
.cntct-wrap{padding:0 16px}
}
.herowrap{position:relative;padding:80px 20px;background:linear-gradient(135deg,#FAFBFD 0%,#00FC8E 100%);overflow:hidden}
.herowrap::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#080d1b14 0%,transparent 70%);border-radius:50%;animation:floatshape 20s infinite ease-in-out}
.herowrap::after{content:'';position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#00fc8e1f 0%,transparent 70%);border-radius:50%;animation:floatshape 25s infinite ease-in-out reverse}
@keyframes floatshape {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(30px,-30px) scale(1.1)}
}
.herocontent{max-width:1320px;margin:0 auto;position:relative;z-index:2;display:flex;gap:60px;align-items:center}
.herotext{flex:1}
.herotext h1{font-size:52px;line-height:1.2;color:#080D1B;margin:0 0 24px;font-weight:700}
.herotext p{font-size:18px;line-height:1.6;color:#080D1B;margin:0 0 16px}
.herovisual{flex:0 0 480px;position:relative}
.herovisual img{width:100%;height:auto;border-radius:8px;box-shadow:0 12px 28px #080d1b26;display:block}
.storyblock{max-width:1320px;margin:0 auto;padding:100px 20px}
.storygrid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.leftcol h2{font-size:38px;line-height:1.3;color:#080D1B;margin:0 0 28px;font-weight:700;position:relative;padding-left:20px}
.leftcol h2::before{content:'';position:absolute;left:0;top:8px;width:6px;height:48px;background:linear-gradient(180deg,#00FC8E 0%,#080D1B 100%);border-radius:3px}
.leftcol p{font-size:17px;line-height:1.7;color:#080D1B;margin:0 0 18px}
.rightcol{position:relative}
.imgstack{display:flex;flex-direction:column;gap:24px}
.imgstack img{width:100%;height:auto;border-radius:10px;box-shadow:0 8px 20px #080d1b1f}
.valuesarea{background:linear-gradient(180deg,#FAFBFD 0%,#080D1B 100%);padding:90px 20px}
.valuesinner{max-width:1320px;margin:0 auto}
.valuesinner h2{font-size:42px;line-height:1.2;color:#FAFBFD;margin:0 0 60px;text-align:center;font-weight:700}
.cardgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.valuecard{background:#fafbfdf2;padding:40px 32px;border-radius:12px;position:relative;transition:transform .3s ease,box-shadow .3s ease}
.valuecard:hover{transform:translateY(-8px);box-shadow:0 16px 32px #00fc8e40}
.valuecard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#00FC8E 0%,#080D1B 100%);border-radius:12px 12px 0 0}
.cardicon{width:64px;height:64px;margin:0 0 24px;background:linear-gradient(135deg,#00FC8E 0%,#080D1B 100%);border-radius:50%;display:flex;align-items:center;justify-content:center}
.cardicon svg{width:32px;height:32px;fill:#FAFBFD}
.valuecard h3{font-size:24px;line-height:1.3;color:#080D1B;margin:0 0 16px;font-weight:700}
.valuecard p{font-size:16px;line-height:1.6;color:#080D1B;margin:0}
.teamarea{max-width:1320px;margin:0 auto;padding:100px 20px}
.teamintro{text-align:center;margin:0 0 70px}
.teamintro h2{font-size:40px;line-height:1.2;color:#080D1B;margin:0 0 20px;font-weight:700}
.teamintro p{font-size:18px;line-height:1.6;color:#080D1B;margin:0;max-width:720px;margin-left:auto;margin-right:auto}
.photogrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.photoitem{position:relative;overflow:hidden;border-radius:10px;box-shadow:0 10px 24px #080d1b24}
.photoitem img{width:100%;height:auto;display:block;transition:transform .4s ease}
.photoitem:hover img{transform:scale(1.05)}
.photocaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,#080d1beb 0%,transparent 100%);padding:32px 24px 20px;color:#FAFBFD}
.photocaption h4{font-size:20px;line-height:1.3;margin:0 0 8px;font-weight:700}
.photocaption p{font-size:15px;line-height:1.5;margin:0;color:#00FC8E}
@media (max-width: 1024px) {
.herocontent{flex-direction:column;gap:40px}
.herovisual{flex:0 0 auto;max-width:500px;width:100%}
.storygrid{grid-template-columns:1fr;gap:50px}
.cardgrid{grid-template-columns:1fr;gap:24px}
.photogrid{grid-template-columns:1fr;gap:30px}
}
@media (max-width: 768px) {
.herowrap{padding:60px 20px}
.herotext h1{font-size:36px}
.leftcol h2{font-size:30px}
.valuesinner h2{font-size:32px;margin-bottom:40px}
.teamintro h2{font-size:32px}
.storyblock,.valuesarea,.teamarea{padding:60px 20px}
}
.programwrap{max-width:1320px;margin:0 auto;padding:0 20px}
.herotop{position:relative;padding:80px 0 100px;overflow:hidden;background:linear-gradient(135deg,#FAFBFD 0%,#e8f9f1 100%)}
.herotop::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#00fc8e14 0%,transparent 70%);border-radius:50%;animation:floatparticle 8s ease-in-out infinite}
.herotop::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,#080d1b0a 0%,transparent 70%);border-radius:50%;animation:floatparticle 10s ease-in-out infinite reverse}
@keyframes floatparticle {
0%,100%{transform:translate(0,0)}
50%{transform:translate(20px,-20px)}
}
.herogrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.herotext h1{font-size:48px;line-height:1.2;color:#080D1B;margin:0 0 30px;font-weight:700}
.herotext h1::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#00FC8E 0%,#080D1B 100%);margin-top:20px;border-radius:2px}
.herodesc{font-size:18px;line-height:1.7;color:#3d4451;margin:0 0 35px}
.heroimgbox{position:relative;height:450px;border-radius:8px;overflow:hidden;box-shadow:0 12px 40px #080d1b26}
.heroimgbox img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.heroimgbox:hover img{transform:scale(1.05)}
.heroimgbox::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#00fc8e1a 0%,transparent 50%);z-index:1;pointer-events:none}
.contentflow{padding:100px 0;background:#FAFBFD}
.flowgrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}
.flowcard{background:#fff;border-radius:10px;padding:40px 30px;box-shadow:0 4px 20px #080d1b14;position:relative;transition:all .3s ease}
.flowcard::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#00FC8E 0%,#080D1B 100%);border-radius:2px;transition:height .4s ease}
.flowcard:hover{transform:translateY(-5px);box-shadow:0 8px 30px #080d1b1f}
.flowcard:hover::before{height:100%}
.cardnum{font-size:48px;font-weight:700;color:#00FC8E;margin:0 0 20px;line-height:1}
.cardtitle{font-size:22px;font-weight:600;color:#080D1B;margin:0 0 15px}
.cardtext{font-size:16px;line-height:1.6;color:#5a6272;margin:0}
.journeysec{padding:90px 0;background:linear-gradient(165deg,#080D1B 0%,#1a2438 100%);position:relative;overflow:hidden}
.journeysec::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#00FC8E 50%,transparent 100%)}
.journeylayout{display:grid;grid-template-columns:45% 55%;gap:50px;align-items:start}
.journeyimg{position:sticky;top:100px;border-radius:10px;overflow:hidden;box-shadow:0 15px 50px #0000004d}
.journeyimg img{width:100%;height:auto;display:block}
.journeycontent h2{font-size:42px;line-height:1.3;color:#FAFBFD;margin:0 0 40px;font-weight:700}
.journeycontent h2::before{content:'';display:inline-block;width:6px;height:40px;background:#00FC8E;margin-right:15px;vertical-align:middle;border-radius:3px}
.phaselist{display:flex;flex-direction:column;gap:30px}
.phaseitem{background:#fafbfd0d;border-radius:8px;padding:30px;border-left:3px solid #00FC8E;transition:all .3s ease;position:relative}
.phaseitem:hover{background:#fafbfd14;transform:translateX(10px)}
.phasetitle{font-size:20px;font-weight:600;color:#FAFBFD;margin:0 0 12px;display:flex;align-items:center;gap:12px}
.phasedot{width:10px;height:10px;background:#00FC8E;border-radius:50%;box-shadow:0 0 15px #00fc8e99}
.phasetext{font-size:16px;line-height:1.6;color:#c4c9d4;margin:0}
@media (max-width: 1024px) {
.herogrid{grid-template-columns:1fr;gap:40px}
.herotext h1{font-size:38px}
.heroimgbox{height:350px}
.flowgrid{grid-template-columns:1fr 1fr}
.journeylayout{grid-template-columns:1fr;gap:40px}
.journeyimg{position:relative;top:0}
.journeycontent h2{font-size:36px}
}
@media (max-width: 768px) {
.programwrap{padding:0 15px}
.herotop{padding:60px 0 80px}
.herotext h1{font-size:32px;margin-bottom:20px}
.herodesc{font-size:16px;margin-bottom:25px}
.heroimgbox{height:280px}
.contentflow{padding:70px 0}
.flowgrid{grid-template-columns:1fr;gap:30px}
.flowcard{padding:30px 25px}
.cardnum{font-size:40px}
.cardtitle{font-size:20px}
.journeysec{padding:70px 0}
.journeycontent h2{font-size:30px;margin-bottom:30px}
.journeycontent h2::before{height:30px}
.phaselist{gap:20px}
.phaseitem{padding:25px 20px}
.phasetitle{font-size:18px}
.phasetext{font-size:15px}
}
.pgwrap{max-width:1320px;margin:0 auto;padding:0 20px}
.heroblock-v1{position:relative;min-height:520px;display:flex;align-items:center;overflow:hidden;padding:80px 0;background:linear-gradient(135deg,#FAFBFD 0%,#e8f9f3 35%,#d4f5e8 70%,#00FC8E 100%);background-size:300% 300%;animation:gradflow-temp 12s ease infinite}
@keyframes gradflow-temp {
0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}
.heroblock-v1 .herocontent-inner{position:relative;z-index:2;max-width:680px}
.heroblock-v1 .heroimg-outer{position:absolute;right:-50px;top:50%;transform:translateY(-50%) rotate(-8deg);width:480px;height:480px;z-index:1;opacity:.15}
.heroimg-outer::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 35% 45%,#00FC8E 0%,transparent 65%);border-radius:50% 40% 45% 50%;filter:blur(60px)}
.heroimg-outer::after{content:'';position:absolute;inset:20%;background:linear-gradient(225deg,#080D1B 0%,#00FC8E 100%);border-radius:45% 50% 40% 55%;filter:blur(40px);animation:shapepulse-v2 6s ease-in-out infinite}
@keyframes shapepulse-v2 {
0%,100%{transform:scale(1) rotate(0deg)}
50%{transform:scale(1.15) rotate(180deg)}
}
.herocontent-inner .successhead-v1{font-size:3.2rem;font-weight:700;line-height:1.15;color:#080D1B;margin:0 0 24px;letter-spacing:-.02em}
.herocontent-inner .successtext-v2{font-size:1.15rem;line-height:1.7;color:#080D1B;margin:0 0 16px;opacity:.85}
.herocontent-inner .successicon-wrap{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;background:linear-gradient(135deg,#00FC8E 0%,#080D1B 100%);border-radius:50%;margin-bottom:28px;position:relative;box-shadow:0 8px 24px #00fc8e59}
.successicon-wrap::before{content:'';position:absolute;inset:6px;background:#FAFBFD;border-radius:50%}
.successicon-wrap svg{width:38px;height:38px;position:relative;z-index:2}
.detailsblock-v3{padding:100px 0;background:#FAFBFD;position:relative}
.detailsblock-v3::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent 0%,#00FC8E 20%,#00FC8E 80%,transparent 100%)}
.detailsgrid-outer{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;max-width:920px;margin:0 auto}
.detailscard-v1{background:#fff;padding:36px 28px;border-radius:8px;border:1px solid #080d1b14;position:relative;transition:all .3s ease}
.detailscard-v1::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#00FC8E 0%,#080D1B 100%);border-radius:8px 0 0 8px;opacity:0;transition:opacity .3s ease}
.detailscard-v1:hover{box-shadow:0 12px 32px #080d1b1f;transform:translateY(-4px)}
.detailscard-v1:hover::before{opacity:1}
.detailscard-v1 .cardnum-v2{display:inline-block;font-size:.85rem;font-weight:600;color:#00FC8E;background:#00fc8e1a;padding:6px 12px;border-radius:20px;margin-bottom:16px;letter-spacing:.05em}
.detailscard-v1 .cardtitle-v3{font-size:1.35rem;font-weight:700;color:#080D1B;margin:0 0 12px;line-height:1.3}
.detailscard-v1 .cardtext-v2{font-size:.95rem;line-height:1.6;color:#080D1B;margin:0;opacity:.75}
.detailsblock-v3 .sectionhead-v2{text-align:center;font-size:2.4rem;font-weight:700;color:#080D1B;margin:0 0 48px;line-height:1.2;position:relative;display:inline-block;left:50%;transform:translateX(-50%)}
.sectionhead-v2::after{content:'';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#080D1B 0%,#00FC8E 100%);border-radius:2px}
.btnhome-v1{display:inline-block;padding:14px 32px;background:#080D1B;color:#FAFBFD;text-decoration:none;font-weight:600;font-size:1rem;border-radius:6px;transition:all .3s ease;border:2px solid #080D1B;margin-top:12px;position:relative;z-index:3}
.btnhome-v1:hover{background:transparent;color:#080D1B;transform:translateY(-2px);box-shadow:0 6px 20px #080d1b33}
@media (max-width: 768px) {
.heroblock-v1{min-height:420px;padding:60px 0}
.heroblock-v1 .heroimg-outer{width:320px;height:320px;right:-80px;opacity:.1}
.herocontent-inner .successhead-v1{font-size:2.2rem}
.herocontent-inner .successtext-v2{font-size:1rem}
.detailsblock-v3{padding:60px 0}
.detailsgrid-outer{grid-template-columns:1fr;gap:24px}
.detailsblock-v3 .sectionhead-v2{font-size:1.8rem;margin-bottom:36px}
}
@media (max-width: 480px) {
.herocontent-inner .successhead-v1{font-size:1.85rem}
.herocontent-inner .successicon-wrap{width:60px;height:60px;margin-bottom:20px}
.successicon-wrap svg{width:32px;height:32px}
.detailscard-v1{padding:28px 20px}
.detailscard-v1 .cardtitle-v3{font-size:1.15rem}
}