*{margin:0;padding:0;box-sizing:border-box}
html{height:100%}
body{min-height:100%;display:flex;flex-direction:column;font-family:'Noto Sans',sans-serif;background:#FEFEFE;color:#1a1a1a;line-height:1.6}
header{background:#153B5F;padding:0}
.TopBar{padding:24px 20px;display:flex;justify-content:center;align-items:center}
.LogoSpace{max-width:1024px;width:100%;display:flex;justify-content:center}
.BrandLink{display:inline-block;background:#FEFEFE;padding:12px;border-radius:20px;box-shadow:0 4px 12px #00000026}
.LogoImg{height:110px;width:110px;display:block}
.NavRow{background:#6EB78D;padding:16px 20px}
.MainNavi{max-width:1024px;margin:0 auto;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px 32px}
.NaviLink{color:#FEFEFE;text-decoration:none;font-size:16px;font-weight:600;font-family:'Archivo',sans-serif;padding:8px 16px;border-radius:16px;transition:background-color .2s ease}
.NaviLink:hover{background:#fefefe26}
main{flex:1}
footer{background:#153B5F;color:#FEFEFE;margin-top:auto}
.UpperFooter{padding:48px 20px}
.FooterGrid{max-width:1024px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}
.FooterBlock{display:flex;flex-direction:column;gap:16px}
.BlockTitle{font-family:'Archivo',sans-serif;font-size:22px;font-weight:700;color:#6EB78D;border-bottom:3px solid #6EB78D;padding-bottom:8px}
.FooterDesc{font-size:15px;line-height:1.7;color:#fefefee6}
.FooterNavi{display:flex;flex-direction:column;gap:10px}
.FooterNavLink{color:#fefefed9;text-decoration:none;font-size:15px;padding:4px 0;border-bottom:2px solid transparent;transition:border-color .2s ease;display:inline-block;width:fit-content}
.FooterNavLink:hover{border-bottom-color:#6EB78D}
.ContactItems{display:flex;flex-direction:column;gap:8px}
.ContactItem{font-size:15px;color:#fefefee6}
.LowerStrip{background:#0f2940;padding:20px;text-align:center}
.CopyrightText{font-size:14px;color:#fefefeb3;max-width:1024px;margin:0 auto}
.CookiePanel{position:fixed;right:20px;top:50%;transform:translateY(-50%) translateX(120%);background:#FEFEFE;border-radius:24px;padding:32px;max-width:420px;width:calc(100% - 40px);box-shadow:0 8px 24px #0003;z-index:9999;transition:transform .4s ease}
.CookiePanel.visible{transform:translateY(-50%) translateX(0)}
.PanelContent{display:flex;flex-direction:column;gap:20px}
.PanelHeading{font-family:'Archivo',sans-serif;font-size:22px;font-weight:700;color:#153B5F}
.PanelText{font-size:15px;color:#333;line-height:1.6}
.CategoryMatrix{display:grid;grid-template-columns:1fr;gap:12px}
.CategoryCard{background:#f8f8f8;padding:16px;border-radius:16px;border:2px solid #e0e0e0}
.CardHead{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.CookieCheck{width:20px;height:20px;cursor:pointer}
.CookieCheck:disabled{cursor:not-allowed}
.CheckLabel{font-weight:600;font-size:16px;color:#153B5F;cursor:pointer}
.CardDesc{font-size:14px;color:#666;margin-left:30px}
.ActionRow{display:flex;gap:12px;flex-wrap:wrap}
.ActionBtn{flex:1;min-width:140px;padding:12px 20px;border:none;border-radius:16px;font-family:'Archivo',sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .2s ease}
.AcceptBtn{background:#6EB78D;color:#FEFEFE}
.AcceptBtn:hover{background:#5da078}
.DeclineBtn{background:#e0e0e0;color:#333;text-decoration:underline}
.DeclineBtn:hover{background:#d0d0d0}
@media (max-width: 768px) {
.LogoImg{height:85px;width:85px}
.MainNavi{gap:8px 16px}
.NaviLink{font-size:15px;padding:6px 12px}
.FooterGrid{grid-template-columns:1fr;gap:32px}
.CookiePanel{right:10px;left:10px;max-width:none;width:calc(100% - 20px);padding:24px}
.PanelHeading{font-size:20px}
.ActionRow{flex-direction:column}
.ActionBtn{width:100%}
}
@media (max-width: 375px) {
.TopBar{padding:16px 12px}
.LogoImg{height:70px;width:70px}
.NavRow{padding:12px}
.NaviLink{font-size:14px;padding:6px 10px}
.UpperFooter{padding:32px 16px}
.CookiePanel{padding:20px}
}
@media (min-width: 1366px) {
.LogoImg{height:130px;width:130px}
.NaviLink{font-size:17px;padding:10px 20px}
.BlockTitle{font-size:24px}
.FooterDesc,.FooterNavLink,.ContactItem{font-size:16px}
}
.legal-qcwd-data{max-width:1024px;margin:0 auto;padding:48px 24px 64px;background:#FEFEFE}
.legal-qcwd-data p{font-size:16px;line-height:1.75;color:#2a2a2a;margin:0 0 20px;text-align:left}
.legal-qcwd-data p:last-child{margin-bottom:0}
.legal-qcwd-data strong,.legal-qcwd-data b{font-weight:600;color:#153B5F}
.legal-qcwd-data a{color:#153B5F;text-decoration:underline;text-decoration-color:#6EB78D;text-decoration-thickness:2px;text-underline-offset:3px;transition:all .25s ease}
.legal-qcwd-data a:hover{color:#6EB78D;text-decoration-color:#153B5F}
.legal-qcwd-data table{width:100%;border-collapse:collapse;margin:32px 0;background:#FEFEFE;border:2px solid #e8e8e8;border-radius:20px;overflow:hidden}
.legal-qcwd-data thead{background:#f7f7f7}
.legal-qcwd-data thead tr{border-bottom:2px solid #153B5F}
.legal-qcwd-data tbody tr{border-bottom:1px solid #e8e8e8}
.legal-qcwd-data tbody tr:last-child{border-bottom:none}
.legal-qcwd-data th{padding:16px 20px;text-align:left;font-weight:600;font-size:15px;color:#153B5F;background:#f7f7f7}
.legal-qcwd-data td{padding:16px 20px;font-size:15px;line-height:1.6;color:#3a3a3a;vertical-align:top}
.legal-qcwd-data hr{border:none;height:3px;background:linear-gradient(to right,#153B5F,#6EB78D,#FEFEFE);margin:40px 0;border-radius:16px}
@media (max-width: 768px) {
.legal-qcwd-data{padding:32px 20px 48px}
.legal-qcwd-data p{font-size:15px;line-height:1.7;margin-bottom:18px}
.legal-qcwd-data table{display:block;overflow-x:auto;margin:24px 0;border-radius:16px}
.legal-qcwd-data th,.legal-qcwd-data td{padding:12px 16px;font-size:14px}
.legal-qcwd-data hr{margin:32px 0;height:2px}
}
@media (max-width: 375px) {
.legal-qcwd-data{padding:24px 16px 40px}
.legal-qcwd-data p{font-size:14px;margin-bottom:16px}
.legal-qcwd-data th,.legal-qcwd-data td{padding:10px 12px;font-size:13px}
.legal-qcwd-data hr{margin:24px 0}
}
.HeaderTop{background:linear-gradient(135deg,#FEFEFE 0%,#F8F9FA 100%);padding:80px 20px 60px;max-width:1024px;margin:0 auto;border-radius:0 0 28px 28px}
.HeaderTop .imageHolder{width:100%;max-width:900px;height:180px;margin:0 auto 48px;overflow:hidden;border-radius:20px}
.HeaderTop .imageHolder img{width:100%;height:100%;object-fit:cover;object-position:center}
.HeaderTop .titleContent{text-align:center;max-width:700px;margin:0 auto;position:relative}
.HeaderTop .titleContent h1{font-size:52px;line-height:1.1;margin:0 0 24px;color:#1a1a1a}
.HeaderTop .titleContent .subtitle{font-size:22px;line-height:1.6;color:#4a4a4a}
.HeaderTop .decorShape{position:absolute;opacity:0;animation:shapeEnter .8s ease-out forwards}
.HeaderTop .decorShape.shape1{width:60px;height:60px;background:#6EB78D;border-radius:50%;top:-30px;left:-40px;animation-delay:.2s}
.HeaderTop .decorShape.shape2{width:80px;height:80px;background:linear-gradient(135deg,#153B5F 0%,#6EB78D 100%);border-radius:20px;bottom:-40px;right:-50px;animation-delay:.4s}
.HeaderTop .decorShape.shape3{width:45px;height:45px;background:#153B5F;border-radius:12px;top:50%;right:-60px;transform:translateY(-50%) rotate(45deg);animation-delay:.6s}
@keyframes shapeEnter {
0%{opacity:0;transform:scale(0.3) translateY(20px)}
100%{opacity:.85;transform:scale(1) translateY(0)}
}
.resourceArea{max-width:1024px;margin:80px auto;padding:0 20px}
.resourceArea .sectionLabel{text-align:center;margin-bottom:60px}
.resourceArea .sectionLabel h2{font-size:38px;line-height:1.2;margin:0 0 16px;color:#1a1a1a}
.resourceArea .sectionLabel .intro{font-size:19px;line-height:1.5;color:#4a4a4a;max-width:620px;margin:0 auto}
.resourceArea .libraryLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.resourceArea .materialCard{background:#FEFEFE;border-radius:24px;padding:36px 28px;border:2px solid #e5e5e5;transition:all .3s ease}
.resourceArea .materialCard:hover{border-color:#6EB78D;box-shadow:0 8px 24px #6eb78d26;transform:translateY(-4px)}
.resourceArea .materialCard .iconWrap{width:64px;height:64px;background:linear-gradient(135deg,#153B5F 0%,#6EB78D 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.resourceArea .materialCard .iconWrap svg{width:32px;height:32px;fill:#FEFEFE}
.resourceArea .materialCard h3{font-size:24px;line-height:1.3;margin:0 0 12px;color:#1a1a1a}
.resourceArea .materialCard .desc{font-size:16px;line-height:1.6;color:#4a4a4a;margin:0 0 20px}
.resourceArea .materialCard .metaRow{display:flex;gap:16px;align-items:center}
.resourceArea .materialCard .metaBit{font-size:14px;color:#153B5F;font-weight:600}
.resourceArea .materialCard .metaBit::before{content:"";display:inline-block;width:6px;height:6px;background:#6EB78D;border-radius:50%;margin-right:8px}
.qualityBlock{background:linear-gradient(135deg,#F8F9FA 0%,#FEFEFE 100%);padding:80px 20px;margin:100px 0;border-radius:32px;max-width:1024px;margin-left:auto;margin-right:auto}
.qualityBlock .blockHead{text-align:center;margin-bottom:60px}
.qualityBlock .blockHead h2{font-size:38px;line-height:1.2;margin:0 0 16px;color:#1a1a1a}
.qualityBlock .blockHead .leadText{font-size:19px;line-height:1.5;color:#4a4a4a;max-width:620px;margin:0 auto}
.qualityBlock .splitView{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}
.qualityBlock .splitView .contentSide{padding-right:20px}
.qualityBlock .splitView .contentSide .storyText{font-size:17px;line-height:1.7;color:#4a4a4a;margin:0 0 32px}
.qualityBlock .splitView .contentSide .standardsList{display:flex;flex-direction:column;gap:20px}
.qualityBlock .splitView .contentSide .standardItem{display:flex;align-items:flex-start;gap:16px}
.qualityBlock .splitView .contentSide .standardItem .checkMark{width:28px;height:28px;background:#6EB78D;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.qualityBlock .splitView .contentSide .standardItem .checkMark svg{width:16px;height:16px;fill:#FEFEFE}
.qualityBlock .splitView .contentSide .standardItem .itemText{flex:1}
.qualityBlock .splitView .contentSide .standardItem .itemText h4{font-size:19px;line-height:1.3;margin:0 0 6px;color:#1a1a1a}
.qualityBlock .splitView .contentSide .standardItem .itemText p{font-size:15px;line-height:1.5;color:#4a4a4a;margin:0}
.qualityBlock .splitView .imageSide{position:relative}
.qualityBlock .splitView .imageSide img{width:100%;height:420px;object-fit:cover;border-radius:24px}
.qualityBlock .splitView .imageSide .statFloat{position:absolute;background:#FEFEFE;padding:20px 24px;border-radius:16px;box-shadow:0 8px 24px #0000001f}
.qualityBlock .splitView .imageSide .statFloat.stat1{top:20px;right:-20px}
.qualityBlock .splitView .imageSide .statFloat.stat2{bottom:20px;left:-20px}
.qualityBlock .splitView .imageSide .statFloat .statNumber{font-size:32px;font-weight:700;color:#153B5F;margin:0 0 4px}
.qualityBlock .splitView .imageSide .statFloat .statLabel{font-size:14px;color:#4a4a4a;margin:0}
.proofSection{max-width:1024px;margin:100px auto;padding:0 20px}
.proofSection .proofHead{text-align:center;margin-bottom:60px}
.proofSection .proofHead h2{font-size:38px;line-height:1.2;margin:0 0 16px;color:#1a1a1a}
.proofSection .proofHead .descr{font-size:19px;line-height:1.5;color:#4a4a4a;max-width:620px;margin:0 auto}
.proofSection .tabsContainer{border:2px solid #e5e5e5;border-radius:24px;overflow:hidden;background:#FEFEFE}
.proofSection input[type="radio"]{display:none}
.proofSection .tabsNav{display:flex;border-bottom:2px solid #e5e5e5;background:#F8F9FA}
.proofSection .tabsNav label{flex:1;padding:20px 24px;text-align:center;cursor:pointer;font-size:17px;font-weight:600;color:#4a4a4a;transition:all .3s ease;border-bottom:3px solid transparent;position:relative}
.proofSection .tabsNav label:hover{background:#6eb78d14}
.proofSection input[type="radio"]:checked + label{color:#153B5F;background:#FEFEFE;border-bottom-color:#6EB78D}
.proofSection .tabPanel{display:none;padding:48px 40px}
.proofSection #tab1:checked ~ .tabsContent .panel1,.proofSection #tab2:checked ~ .tabsContent .panel2,.proofSection #tab3:checked ~ .tabsContent .panel3{display:block}
.proofSection .caseGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.proofSection .caseBox{background:#F8F9FA;padding:28px;border-radius:20px;border-left:4px solid #6EB78D}
.proofSection .caseBox .caseTitle{font-size:20px;font-weight:600;color:#153B5F;margin:0 0 12px}
.proofSection .caseBox .caseDetail{font-size:15px;line-height:1.6;color:#4a4a4a;margin:0 0 16px}
.proofSection .caseBox .caseMetric{display:flex;align-items:center;gap:12px;margin-top:16px}
.proofSection .caseBox .caseMetric .number{font-size:28px;font-weight:700;color:#153B5F}
.proofSection .caseBox .caseMetric .label{font-size:14px;color:#4a4a4a}
.proofSection .graduateRow{display:flex;flex-direction:column;gap:24px}
.proofSection .graduateCard{display:flex;gap:24px;padding:28px;background:#F8F9FA;border-radius:20px}
.proofSection .graduateCard .photoCircle{width:80px;height:80px;border-radius:50%;overflow:hidden;flex-shrink:0}
.proofSection .graduateCard .photoCircle img{width:100%;height:100%;object-fit:cover}
.proofSection .graduateCard .gradInfo{flex:1}
.proofSection .graduateCard .gradInfo .name{font-size:20px;font-weight:600;color:#153B5F;margin:0 0 8px}
.proofSection .graduateCard .gradInfo .position{font-size:15px;color:#6EB78D;margin:0 0 12px}
.proofSection .graduateCard .gradInfo .quote{font-size:16px;line-height:1.6;color:#4a4a4a;margin:0}
.proofSection .methodList{display:flex;flex-direction:column;gap:28px}
.proofSection .methodRow{display:flex;gap:32px;align-items:flex-start}
.proofSection .methodRow .stepNum{width:56px;height:56px;background:linear-gradient(135deg,#153B5F 0%,#6EB78D 100%);border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#FEFEFE}
.proofSection .methodRow .stepContent{flex:1}
.proofSection .methodRow .stepContent h4{font-size:22px;font-weight:600;color:#153B5F;margin:0 0 12px}
.proofSection .methodRow .stepContent p{font-size:16px;line-height:1.6;color:#4a4a4a;margin:0}
.proofSection .methodRow .stepImage{width:280px;height:180px;border-radius:16px;overflow:hidden;flex-shrink:0}
.proofSection .methodRow .stepImage img{width:100%;height:100%;object-fit:cover}
@media (max-width: 1366px) {
.HeaderTop .titleContent h1{font-size:46px}
.resourceArea .libraryLayout{gap:28px}
}
@media (max-width: 768px) {
.HeaderTop{padding:60px 20px 40px;border-radius:0 0 20px 20px}
.HeaderTop .imageHolder{height:140px;margin-bottom:32px}
.HeaderTop .titleContent h1{font-size:36px;margin-bottom:16px}
.HeaderTop .titleContent .subtitle{font-size:18px}
.HeaderTop .decorShape{display:none}
.resourceArea{margin:60px auto}
.resourceArea .sectionLabel h2{font-size:32px}
.resourceArea .sectionLabel .intro{font-size:17px}
.resourceArea .libraryLayout{grid-template-columns:1fr;gap:24px}
.qualityBlock{padding:60px 20px;margin:60px 0;border-radius:24px}
.qualityBlock .blockHead h2{font-size:32px}
.qualityBlock .splitView{grid-template-columns:1fr;gap:32px}
.qualityBlock .splitView .contentSide{padding-right:0}
.qualityBlock .splitView .imageSide img{height:320px}
.qualityBlock .splitView .imageSide .statFloat{position:static;margin-bottom:16px}
.proofSection{margin:60px auto}
.proofSection .proofHead h2{font-size:32px}
.proofSection .tabsNav{flex-direction:column}
.proofSection .tabPanel{padding:32px 24px}
.proofSection .caseGrid{grid-template-columns:1fr;gap:24px}
.proofSection .graduateCard{flex-direction:column}
.proofSection .methodRow{flex-direction:column;gap:20px}
.proofSection .methodRow .stepImage{width:100%;height:220px}
}
@media (max-width: 375px) {
.HeaderTop .titleContent h1{font-size:30px}
.resourceArea .sectionLabel h2,.qualityBlock .blockHead h2,.proofSection .proofHead h2{font-size:28px}
.resourceArea .materialCard{padding:28px 20px}
.qualityBlock{padding:40px 16px}
.proofSection .tabPanel{padding:24px 16px}
}
.ContactMainWrap{max-width:1024px;margin:0 auto;padding:0 20px}
.HeaderAngled{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:80px 0 60px}
.HeaderAngled .TextZone h1{font-size:2.8rem;line-height:1.1;margin:0 0 20px;color:#153B5F}
.HeaderAngled .TextZone h1 span{display:block}
.HeaderAngled .TextZone h1 span:nth-child(1){font-size:2.8rem;font-weight:400}
.HeaderAngled .TextZone h1 span:nth-child(2){font-size:3.4rem;font-weight:600}
.HeaderAngled .TextZone h1 span:nth-child(3){font-size:4.2rem;font-weight:700}
.HeaderAngled .TextZone p{font-size:1.1rem;line-height:1.6;color:#333;margin:0}
.HeaderAngled .ImageTilted{position:relative;transform:rotate(-3deg);overflow:hidden;border-radius:24px}
.HeaderAngled .ImageTilted img{width:100%;height:400px;object-fit:cover;display:block;filter:blur(0)}
.HeaderAngled .ImageTilted::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#153b5f1a 0%,#6eb78d1a 100%);pointer-events:none;z-index:1}
.FormWrapper{background:#FEFEFE;padding:60px 0}
.FormWrapper .FormIntro{text-align:center;max-width:600px;margin:0 auto 50px}
.FormWrapper .FormIntro h2{font-size:2.2rem;color:#153B5F;margin:0 0 16px;font-weight:600}
.FormWrapper .FormIntro p{font-size:1.05rem;line-height:1.6;color:#555;margin:0}
.StepForm{max-width:700px;margin:0 auto}
.StepForm .StepIndicator{display:flex;justify-content:center;gap:12px;margin-bottom:40px}
.StepForm .StepIndicator .StepDot{width:12px;height:12px;border-radius:50%;background:#E0E0E0;transition:all .3s ease}
.StepForm input[type="radio"]{display:none}
.StepForm input[type="radio"]:checked + .StepPanel .StepIndicator .StepDot:nth-child(1),.StepForm input[name="step2"]:checked ~ .StepIndicator .StepDot:nth-child(2),.StepForm input[name="step3"]:checked ~ .StepIndicator .StepDot:nth-child(3){background:#6EB78D;width:40px;border-radius:6px}
.StepForm .StepPanel{display:none;background:linear-gradient(135deg,#F8F9FA 0%,#FEFEFE 100%);padding:50px 40px;border-radius:28px;border:2px solid #F0F0F0}
.StepForm input[name="step1"]:checked ~ .StepPanel[data-step="1"],.StepForm input[name="step2"]:checked ~ .StepPanel[data-step="2"],.StepForm input[name="step3"]:checked ~ .StepPanel[data-step="3"]{display:block}
.StepForm .FieldGroup{margin-bottom:30px}
.StepForm .FieldGroup label{display:block;font-size:1rem;font-weight:500;color:#153B5F;margin-bottom:10px}
.StepForm .FieldGroup input[type="email"],.StepForm .FieldGroup select,.StepForm .FieldGroup textarea{width:100%;padding:16px 20px;border:2px solid #E0E0E0;border-radius:16px;font-size:1rem;color:#333;background:#FEFEFE;transition:all .3s ease;box-sizing:border-box}
.StepForm .FieldGroup input[type="email"]:focus,.StepForm .FieldGroup select:focus,.StepForm .FieldGroup textarea:focus{outline:none;border-color:#6EB78D;background:#FFF}
.StepForm .FieldGroup textarea{resize:vertical;min-height:140px}
.StepForm .FieldGroup select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23153B5F' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 20px center;padding-right:50px}
.StepForm .NavButtons{display:flex;gap:16px;justify-content:space-between;margin-top:30px}
.StepForm .NavButtons label{flex:1;padding:16px 32px;border-radius:20px;font-size:1.05rem;font-weight:600;text-align:center;cursor:pointer;transition:all .3s ease;border:2px solid transparent}
.StepForm .NavButtons .BtnNext{background:linear-gradient(135deg,#6EB78D 0%,#5A9E7A 100%);color:#FEFEFE}
.StepForm .NavButtons .BtnNext:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6eb78d4d}
.StepForm .NavButtons .BtnPrev{background:#FEFEFE;color:#153B5F;border-color:#E0E0E0}
.StepForm .NavButtons .BtnPrev:hover{border-color:#153B5F}
.StepForm .PrivacyCheck{margin:30px 0 20px}
.StepForm .PrivacyCheck input[type="checkbox"]{width:20px;height:20px;margin-right:10px;vertical-align:middle;cursor:pointer}
.StepForm .PrivacyCheck label{font-size:.95rem;color:#555;line-height:1.5;display:inline}
.StepForm .PrivacyCheck a{color:#6EB78D;text-decoration:none;border-bottom:1px solid #6EB78D;transition:color .3s ease}
.StepForm .PrivacyCheck a:hover{color:#153B5F;border-bottom-color:#153B5F}
.StepForm .SubmitBtn{width:100%;padding:18px 32px;background:linear-gradient(135deg,#153B5F 0%,#0F2A45 100%);color:#FEFEFE;border:none;border-radius:20px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}
.StepForm .SubmitBtn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #153b5f4d}
.InfoBlocks{background:linear-gradient(135deg,#F8F9FA 0%,#FEFEFE 100%);padding:80px 0}
.InfoBlocks .BlocksGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.InfoBlocks .InfoCard{background:#FEFEFE;padding:40px 30px;border-radius:24px;border:2px solid #F0F0F0;text-align:center;transition:all .3s ease}
.InfoBlocks .InfoCard:hover{transform:translateY(-6px);border-color:#6EB78D}
.InfoBlocks .InfoCard .IconArea{width:70px;height:70px;margin:0 auto 20px;background:linear-gradient(135deg,#6EB78D 0%,#5A9E7A 100%);border-radius:50%;display:flex;align-items:center;justify-content:center}
.InfoBlocks .InfoCard .IconArea svg{width:36px;height:36px;fill:#FEFEFE}
.InfoBlocks .InfoCard h3{font-size:1.4rem;color:#153B5F;margin:0 0 12px;font-weight:600}
.InfoBlocks .InfoCard p{font-size:1rem;line-height:1.5;color:#555;margin:0 0 16px}
.InfoBlocks .InfoCard a{color:#6EB78D;text-decoration:none;font-weight:600;border-bottom:2px solid #6EB78D;transition:all .3s ease}
.InfoBlocks .InfoCard a:hover{color:#153B5F;border-bottom-color:#153B5F}
@media (max-width: 1366px) {
.HeaderAngled .TextZone h1 span:nth-child(1){font-size:2.4rem}
.HeaderAngled .TextZone h1 span:nth-child(2){font-size:3rem}
.HeaderAngled .TextZone h1 span:nth-child(3){font-size:3.6rem}
}
@media (max-width: 768px) {
.HeaderAngled{grid-template-columns:1fr;padding:50px 0 40px;gap:30px}
.HeaderAngled .TextZone h1 span:nth-child(1){font-size:2rem}
.HeaderAngled .TextZone h1 span:nth-child(2){font-size:2.4rem}
.HeaderAngled .TextZone h1 span:nth-child(3){font-size:3rem}
.HeaderAngled .ImageTilted{order:-1}
.HeaderAngled .ImageTilted img{height:300px}
.FormWrapper .FormIntro h2{font-size:1.8rem}
.StepForm .StepPanel{padding:40px 24px}
.StepForm .NavButtons{flex-direction:column}
.InfoBlocks .BlocksGrid{grid-template-columns:1fr;gap:24px}
}
@media (max-width: 375px) {
.ContactMainWrap{padding:0 16px}
.HeaderAngled .TextZone h1 span:nth-child(1){font-size:1.6rem}
.HeaderAngled .TextZone h1 span:nth-child(2){font-size:2rem}
.HeaderAngled .TextZone h1 span:nth-child(3){font-size:2.4rem}
.StepForm .StepPanel{padding:30px 20px}
.FormWrapper .FormIntro h2{font-size:1.6rem}
}
.HeroPanel{position:relative;background:linear-gradient(135deg,#6EB78D 0%,#153B5F 100%);padding:120px 24px 80px;overflow:hidden;margin-bottom:0}
.HeroPanel::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.08'/%3E%3C/svg%3E");animation:grainMove 8s steps(10) infinite;pointer-events:none}
@keyframes grainMove {
0%,100%{transform:translate(0,0)}
10%{transform:translate(-5%,-10%)}
20%{transform:translate(-15%,5%)}
30%{transform:translate(7%,-25%)}
40%{transform:translate(-5%,25%)}
50%{transform:translate(-25%,10%)}
60%{transform:translate(15%,0%)}
70%{transform:translate(0%,15%)}
80%{transform:translate(25%,5%)}
90%{transform:translate(-10%,15%)}
}
.HeroPanel .HeroHolder{max-width:1024px;margin:0 auto;position:relative;z-index:2}
.HeroPanel .IntroText{text-align:center;color:#FEFEFE;margin-bottom:48px;animation:textReveal 1.2s ease-out forwards;filter:blur(10px);opacity:0}
@keyframes textReveal {
to{filter:blur(0);opacity:1}
}
.HeroPanel .IntroText h1{font-size:48px;margin:0 0 16px;font-weight:700;line-height:1.2}
.HeroPanel .IntroText p{font-size:20px;line-height:1.6;margin:0;max-width:720px;margin-left:auto;margin-right:auto}
.HeroPanel .ShapeDecor{position:absolute;opacity:0;animation:shapeEnter .8s ease-out forwards}
.HeroPanel .ShapeDecor:nth-child(1){top:40px;left:5%;width:80px;height:80px;background:#fefefe1a;border-radius:20px;transform:rotate(15deg);animation-delay:.3s}
.HeroPanel .ShapeDecor:nth-child(2){bottom:60px;right:8%;width:60px;height:60px;border:3px solid #fefefe26;border-radius:50%;animation-delay:.6s}
.HeroPanel .ShapeDecor:nth-child(3){top:50%;left:2%;width:40px;height:40px;background:#6eb78d33;border-radius:8px;animation-delay:.9s}
@keyframes shapeEnter {
from{opacity:0;transform:scale(0.5) rotate(0deg)}
to{opacity:1;transform:scale(1) rotate(15deg)}
}
.ContentAlt{padding:80px 24px;background:#FEFEFE}
.ContentAlt .MainFrame{max-width:1024px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.ContentAlt .DetailArea h2{font-size:36px;color:#153B5F;margin:0 0 24px;line-height:1.3;position:relative;display:inline-block}
.ContentAlt .DetailArea h2::after{content:'';position:absolute;bottom:-8px;left:0;width:60px;height:4px;background:linear-gradient(90deg,#6EB78D,#153B5F);border-radius:2px}
.ContentAlt .DetailArea p{font-size:17px;line-height:1.7;color:#2a2a2a;margin:0 0 20px}
.ContentAlt .VisualArea img{width:100%;height:auto;border-radius:24px;filter:blur(0);box-shadow:0 8px 24px #153b5f1f}
.ContentAlt .VisualArea img:hover{filter:blur(0);box-shadow:0 12px 32px #153b5f2e;transition:all .3s ease}
.ModuleLayout{padding:80px 24px;background:linear-gradient(180deg,#f8f9fa 0%,#FEFEFE 100%)}
.ModuleLayout .ModuleWrapper{max-width:1024px;margin:0 auto}
.ModuleLayout h2{font-size:38px;color:#153B5F;text-align:center;margin:0 0 56px;position:relative}
.ModuleLayout h2::before{content:'';position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:#6EB78D;border-radius:2px}
.ModuleLayout .StageSet{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.ModuleLayout .StageBox{background:#FEFEFE;padding:32px 28px;border-radius:20px;border:2px solid transparent;transition:all .3s ease;position:relative}
.ModuleLayout .StageBox:hover{border-color:#6EB78D;transform:translateY(-4px)}
.ModuleLayout .StageBox .StageNumber{display:inline-block;width:48px;height:48px;background:linear-gradient(135deg,#6EB78D,#153B5F);color:#FEFEFE;border-radius:12px;text-align:center;line-height:48px;font-size:20px;font-weight:700;margin-bottom:20px}
.ModuleLayout .StageBox h3{font-size:22px;color:#153B5F;margin:0 0 12px}
.ModuleLayout .StageBox p{font-size:16px;line-height:1.6;color:#3a3a3a;margin:0}
.PathSystem{padding:80px 24px;background:#FEFEFE}
.PathSystem .PathContainer{max-width:920px;margin:0 auto}
.PathSystem h2{font-size:36px;color:#153B5F;margin:0 0 48px;text-align:center}
.PathSystem .InteractiveTrack{position:relative}
.PathSystem .TrackRadio{position:absolute;opacity:0;pointer-events:none}
.PathSystem .TrackNav{display:flex;gap:16px;margin-bottom:40px;flex-wrap:wrap;justify-content:center}
.PathSystem .TrackLabel{padding:14px 28px;background:#f5f5f5;border:2px solid #e0e0e0;border-radius:24px;cursor:pointer;font-size:16px;font-weight:600;color:#4a4a4a;transition:all .3s ease;position:relative;z-index:3}
.PathSystem .TrackLabel:hover{background:#e8f5ee;border-color:#6EB78D}
.PathSystem .TrackRadio:checked + .TrackLabel{background:#153B5F;color:#FEFEFE;border-color:#153B5F}
.PathSystem .TrackContent{display:none;background:#f9fafb;padding:36px;border-radius:20px;border-left:4px solid #6EB78D}
.PathSystem .TrackRadio:checked ~ .TrackContent{display:block;animation:contentFade .4s ease-in}
@keyframes contentFade {
from{opacity:0;transform:translateY(8px)}
to{opacity:1;transform:translateY(0)}
}
.PathSystem .TrackContent h3{font-size:24px;color:#153B5F;margin:0 0 16px}
.PathSystem .TrackContent p{font-size:17px;line-height:1.7;color:#2a2a2a;margin:0 0 20px}
.PathSystem .TrackContent ul{list-style:none;padding:0;margin:0}
.PathSystem .TrackContent li{padding-left:28px;margin-bottom:12px;position:relative;font-size:16px;line-height:1.6;color:#3a3a3a}
.PathSystem .TrackContent li::before{content:'';position:absolute;left:0;top:8px;width:8px;height:8px;background:#6EB78D;border-radius:50%}
.FinalPush{padding:80px 24px;background:linear-gradient(135deg,#153B5F 0%,#2d5a7b 100%);position:relative;overflow:hidden}
.FinalPush::after{content:'';position:absolute;bottom:-50px;right:-50px;width:300px;height:300px;background:#6eb78d1a;border-radius:50%}
.FinalPush .ActionWrap{max-width:720px;margin:0 auto;text-align:center;position:relative;z-index:2}
.FinalPush h2{font-size:40px;color:#FEFEFE;margin:0 0 20px;line-height:1.3}
.FinalPush p{font-size:18px;line-height:1.7;color:#e8f0f5;margin:0 0 36px}
.FinalPush .CtaButton{display:inline-block;padding:16px 48px;background:#6EB78D;color:#FEFEFE;font-size:18px;font-weight:700;text-decoration:none;border-radius:28px;transition:all .3s ease;position:relative;z-index:4}
.FinalPush .CtaButton:hover{background:#5da078;transform:translateY(-2px);box-shadow:0 8px 20px #6eb78d4d}
@media (max-width: 768px) {
.HeroPanel{padding:80px 20px 60px}
.HeroPanel .IntroText h1{font-size:32px}
.HeroPanel .IntroText p{font-size:17px}
.ContentAlt .MainFrame{grid-template-columns:1fr;gap:40px}
.ContentAlt .DetailArea h2{font-size:28px}
.ModuleLayout .StageSet{grid-template-columns:1fr;gap:24px}
.PathSystem .TrackNav{flex-direction:column;align-items:stretch}
.PathSystem .TrackLabel{text-align:center}
.FinalPush h2{font-size:30px}
.FinalPush p{font-size:16px}
}
@media (min-width: 769px) and (max-width: 1366px) {
.HeroPanel .IntroText h1{font-size:42px}
.ModuleLayout .StageSet{grid-template-columns:repeat(2,1fr)}
}
.SuccessWrap{min-height:85vh;display:flex;align-items:center;justify-content:center;padding:2rem 1.25rem;background:radial-gradient(circle at 50% 40%,#e8f4ee 0%,#FEFEFE 65%);position:relative;overflow:hidden}
.SuccessWrap::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,#6EB78D 1.5px,transparent 1.5px),radial-gradient(circle,#153B5F 1px,transparent 1px);background-size:80px 80px,120px 120px;background-position:0 0,40px 40px;opacity:.08;pointer-events:none}
.SuccessContainer{max-width:680px;width:100%;margin:0 auto;position:relative;z-index:2}
.SuccessBox{background:#FEFEFE;border-radius:28px;padding:3.5rem 2.5rem;text-align:center;position:relative;box-shadow:0 4px 24px #153b5f14}
.SuccessBox::after{content:'';position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#6EB78D 0%,#153B5F 100%);border-radius:28px;opacity:.15;pointer-events:none;z-index:-1}
.IconCircle{width:96px;height:96px;margin:0 auto 2rem;border-radius:50%;background:linear-gradient(135deg,#6EB78D 0%,#5aa379 100%);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 6px 20px #6eb78d4d}
.IconCircle::before{content:'';position:absolute;width:110px;height:110px;border:2px solid #6EB78D;border-radius:50%;opacity:.25;animation:pulseRing 2.5s ease-out infinite}
@keyframes pulseRing {
0%{transform:scale(1);opacity:.25}
100%{transform:scale(1.4);opacity:0}
}
.IconCircle svg{width:48px;height:48px;fill:#FEFEFE}
.SuccessTitle{font-size:2.25rem;line-height:1.25;color:#153B5F;margin:0 0 1rem;font-weight:700}
.SuccessMsg{font-size:1.125rem;line-height:1.65;color:#2d4a5e;margin:0 0 2.5rem;max-width:520px;margin-left:auto;margin-right:auto}
.BackLink{display:inline-block;padding:.95rem 2.5rem;background:linear-gradient(135deg,#153B5F 0%,#1f4d7a 100%);color:#FEFEFE;text-decoration:none;border-radius:24px;font-size:1.05rem;font-weight:600;transition:all .3s ease;position:relative;z-index:5;box-shadow:0 4px 14px #153b5f40}
.BackLink:hover{transform:translateY(-2px);box-shadow:0 6px 20px #153b5f59;background:linear-gradient(135deg,#1f4d7a 0%,#153B5F 100%)}
.BackLink:active{transform:translateY(0)}
.DecorDot{position:absolute;width:6px;height:6px;background:#6EB78D;border-radius:50%;opacity:.2}
.DecorDot:nth-child(1){top:15%;left:8%;width:8px;height:8px}
.DecorDot:nth-child(2){top:25%;right:12%;width:5px;height:5px}
.DecorDot:nth-child(3){bottom:20%;left:15%;width:7px;height:7px;background:#153B5F}
.DecorDot:nth-child(4){bottom:30%;right:10%;width:6px;height:6px}
.DecorDot:nth-child(5){top:45%;left:5%;width:4px;height:4px;background:#153B5F}
.DecorDot:nth-child(6){top:55%;right:7%;width:5px;height:5px}
@media (max-width: 768px) {
.SuccessWrap{padding:1.5rem 1rem}
.SuccessBox{padding:2.5rem 1.75rem}
.SuccessTitle{font-size:1.85rem}
.SuccessMsg{font-size:1.05rem}
.IconCircle{width:80px;height:80px}
.IconCircle svg{width:40px;height:40px}
.BackLink{padding:.85rem 2rem;font-size:1rem}
}
@media (max-width: 375px) {
.SuccessBox{padding:2rem 1.5rem;border-radius:24px}
.SuccessTitle{font-size:1.65rem}
.SuccessMsg{font-size:1rem;margin-bottom:2rem}
.IconCircle{width:72px;height:72px;margin-bottom:1.5rem}
.BackLink{padding:.8rem 1.75rem}
}
.HeroTitle{background:linear-gradient(135deg,#153B5F 0%,#6EB78D 100%);padding:80px 20px 100px;position:relative;overflow:hidden;margin:0}
.HeroTitle::before{content:'"';position:absolute;font-size:380px;color:#fefefe14;top:-80px;left:50%;transform:translateX(-50%);font-family:Georgia,serif;line-height:1;pointer-events:none}
.HeroTitle .Container{max-width:1024px;margin:0 auto;position:relative;z-index:2}
.HeroTitle .Number{display:inline-block;font-size:72px;font-weight:700;color:#6EB78D;line-height:1;margin-bottom:16px}
.HeroTitle .MainH{font-size:48px;font-weight:700;color:#FEFEFE;margin:0 0 24px;line-height:1.2}
.HeroTitle .Brief{font-size:20px;color:#FEFEFE;max-width:720px;line-height:1.6;margin:0}
.FloatShape{position:absolute;border-radius:50%;background:#fefefe1a;animation:float 8s ease-in-out infinite}
.FloatShape:nth-child(1){width:120px;height:120px;top:15%;left:10%;animation-delay:0s}
.FloatShape:nth-child(2){width:80px;height:80px;top:60%;left:80%;animation-delay:2s}
.FloatShape:nth-child(3){width:140px;height:140px;top:40%;right:5%;animation-delay:4s}
@keyframes float {
0%,100%{transform:translateY(0) rotate(0deg)}
50%{transform:translateY(-30px) rotate(180deg)}
}
.StoryWrap{padding:100px 20px;background:#FEFEFE}
.StoryWrap .Container{max-width:1024px;margin:0 auto}
.StoryWrap .GridSplit{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.StoryWrap .ImageHold{position:relative}
.StoryWrap .ImageHold img{width:100%;height:auto;border-radius:24px;display:block;filter:brightness(0.92);mix-blend-mode:multiply}
.StoryWrap .ImageHold::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#153b5f4d 0%,#6eb78d4d 100%);border-radius:24px;pointer-events:none}
.StoryWrap .ContentText h2{font-size:36px;font-weight:700;color:#153B5F;margin:0 0 24px;line-height:1.3;position:relative;padding-left:20px}
.StoryWrap .ContentText h2::before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(to bottom,#6EB78D,#153B5F);border-radius:3px}
.StoryWrap .ContentText p{font-size:17px;color:#2a2a2a;line-height:1.7;margin:0 0 20px}
.StoryWrap .ContentText p:last-child{margin-bottom:0}
.BenefitSection{background:linear-gradient(160deg,#f8f8f8 0%,#FEFEFE 100%);padding:80px 20px}
.BenefitSection .Container{max-width:1024px;margin:0 auto}
.BenefitSection .SectionH{font-size:38px;font-weight:700;color:#153B5F;text-align:center;margin:0 0 60px}
.CardHolder{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.InfoCard{background:#FEFEFE;padding:40px 28px;border-radius:20px;position:relative;transition:transform .3s ease}
.InfoCard:hover{transform:translateY(-8px)}
.InfoCard .CardIcon{width:60px;height:60px;background:linear-gradient(135deg,#6EB78D 0%,#153B5F 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.InfoCard .CardIcon svg{width:28px;height:28px;fill:#FEFEFE}
.InfoCard h3{font-size:22px;font-weight:700;color:#153B5F;margin:0 0 16px;line-height:1.3}
.InfoCard p{font-size:16px;color:#3a3a3a;line-height:1.6;margin:0}
.PeopleZone{padding:90px 20px;background:#FEFEFE;position:relative}
.PeopleZone::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to right,#153B5F 0%,#6EB78D 50%,#153B5F 100%)}
.PeopleZone .Container{max-width:1024px;margin:0 auto}
.PeopleZone .IntroH{font-size:36px;font-weight:700;color:#153B5F;text-align:center;margin:0 0 20px}
.PeopleZone .IntroText{font-size:18px;color:#3a3a3a;text-align:center;max-width:780px;margin:0 auto 50px;line-height:1.6}
.TeamLayout{display:grid;grid-template-columns:repeat(2,1fr);gap:48px}
.PersonBox{display:flex;gap:24px;align-items:flex-start}
.PersonBox .PhotoFrame{flex-shrink:0;width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,#6EB78D 0%,#153B5F 100%);display:flex;align-items:center;justify-content:center;position:relative}
.PersonBox .PhotoFrame::after{content:'';position:absolute;inset:6px;border-radius:50%;background:#FEFEFE}
.PersonBox .PhotoFrame svg{width:70px;height:70px;fill:#6EB78D;position:relative;z-index:2}
.PersonBox .PersonDetails h4{font-size:24px;font-weight:700;color:#153B5F;margin:0 0 8px}
.PersonBox .PersonDetails .Role{font-size:16px;color:#6EB78D;font-weight:600;margin:0 0 16px}
.PersonBox .PersonDetails p{font-size:16px;color:#3a3a3a;line-height:1.6;margin:0}
@media (max-width: 768px) {
.HeroTitle{padding:60px 20px 80px}
.HeroTitle .Number{font-size:56px}
.HeroTitle .MainH{font-size:36px}
.HeroTitle .Brief{font-size:18px}
.StoryWrap .GridSplit{grid-template-columns:1fr;gap:40px}
.StoryWrap .ContentText h2{font-size:28px}
.BenefitSection .SectionH{font-size:30px}
.CardHolder{grid-template-columns:1fr}
.TeamLayout{grid-template-columns:1fr}
}
@media (max-width: 375px) {
.HeroTitle .Number{font-size:48px}
.HeroTitle .MainH{font-size:30px}
.PersonBox{flex-direction:column;text-align:center}
.PersonBox .PhotoFrame{margin:0 auto}
}