@import "https://cdn.jsdelivr.net/npm/@fontsource/lato@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/lato@latest/400-italic.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/lato@latest/700.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/lato@latest/700-italic.css";
*{margin:0;padding:0;box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:'Lato',sans-serif;background:#F7F7F7;color:#1a1a1a;line-height:1.6}
.HeaderWrapper{background:linear-gradient(135deg,#025A81 0%,#08729D 100%);box-shadow:0 4px 6px #00000026;position:relative}
.HeaderInner{max-width:1024px;margin:0 auto;padding:20px 24px}
.TopRowData{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
.BrandBlock{display:flex;align-items:center;gap:16px}
.LogoContainer{width:90px;height:90px;background:#fffffff2;border-radius:8px;padding:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px #0003}
.LogoContainer img{width:100%;height:100%;object-fit:contain}
.CompanyTitle{font-size:26px;font-weight:700;color:#fff;letter-spacing:.5px}
.ContactData{display:flex;gap:28px;align-items:center}
.ContactItem{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:14px;transition:opacity .2s}
.ContactItem:hover{opacity:.85}
.ContactItem i{font-size:18px}
.NavWrapper{margin-top:18px}
.MainNavi{display:flex;gap:4px;list-style:none;background:#ffffff1a;border-radius:6px;padding:6px}
.MainNavi li{position:relative}
.MainNavi a{display:block;padding:12px 20px;color:#fff;text-decoration:none;font-size:15px;font-weight:500;border-radius:4px;transition:background .2s}
.MainNavi a:hover{background:#ffffff26}
.SubMenuData{position:absolute;top:100%;left:0;background:#fff;min-width:200px;border-radius:6px;box-shadow:0 4px 12px #00000026;padding:8px;list-style:none;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity 0.2s,transform 0.2s,visibility .2s;z-index:100}
.MainNavi li:hover .SubMenuData{opacity:1;visibility:visible;transform:translateY(0)}
.SubMenuData a{color:#025A81;padding:10px 16px}
.SubMenuData a:hover{background:#F7F7F7}
.FooterOuter{background:linear-gradient(180deg,#025A81 0%,#08729D 100%);color:#fff;margin-top:80px}
.FooterInner{max-width:1024px;margin:0 auto;padding:48px 24px 0}
.FooterGrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px;margin-bottom:40px}
.FooterSection h3{font-size:18px;margin-bottom:16px;font-weight:700}
.FooterSection p{font-size:14px;line-height:1.7;opacity:.9}
.LocationData{display:flex;flex-direction:column;gap:8px}
.LocationItem{display:flex;align-items:flex-start;gap:10px;font-size:14px}
.LocationItem i{margin-top:3px;font-size:16px}
.FooterLinks{list-style:none}
.FooterLinks li{margin-bottom:10px}
.FooterLinks a{color:#fff;text-decoration:none;font-size:14px;opacity:.9;transition:opacity .2s}
.FooterLinks a:hover{opacity:1}
.CopyrightBar{border-top:1px solid #fff3;padding:24px 0;text-align:center;font-size:13px;opacity:.85}
.CookieOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:none;align-items:center;justify-content:center;z-index:9999;opacity:0;transition:opacity .3s}
.CookieOverlay[data-visible="true"]{display:flex;animation:fade_in .3s forwards}
@keyframes fade_in {
to{opacity:1}
}
.CookieBox{background:#fff;max-width:680px;width:90%;max-height:80vh;overflow-y:auto;border-radius:8px;box-shadow:0 8px 24px #0000004d;padding:32px;animation:zoom_in .3s ease-out}
@keyframes zoom_in {
from{transform:scale(0.7);opacity:0}
to{transform:scale(1);opacity:1}
}
.CookieBox h2{color:#025A81;margin-bottom:16px;font-size:24px}
.CookieBox p{color:#333;margin-bottom:24px;line-height:1.6}
.PrivacyLevels{margin-bottom:24px}
.LevelOption{margin-bottom:14px;padding:12px;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:border-color .2s}
.LevelOption:hover{border-color:#08729D}
.LevelOption input[type="radio"]{margin-right:10px}
.LevelOption label{cursor:pointer;font-weight:500;color:#025A81}
.CookieButtons{display:flex;gap:16px;justify-content:center}
.CookieButtons button{padding:14px 32px;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s;flex:1;max-width:200px}
.AcceptButt{background:linear-gradient(135deg,#025A81,#08729D);color:#fff}
.AcceptButt:hover{background:linear-gradient(135deg,#014a6a,#06648a)}
.DeclineButt{background:#e0e0e0;color:#333}
.DeclineButt:hover{background:#d0d0d0}
@media (max-width: 768px) {
.TopRowData{flex-direction:column;align-items:flex-start}
.ContactData{flex-direction:column;align-items:flex-start;gap:12px}
.MainNavi{flex-direction:column;gap:0}
.FooterGrid{grid-template-columns:1fr;gap:32px}
.CookieButtons{flex-direction:column}
.CookieButtons button{max-width:100%}
}
.terms-box{max-width:1024px;margin:0 auto;padding:60px 20px;background:#fff}
.terms-box h1{font-size:42px;font-weight:700;color:#025A81;margin:0 0 40px;line-height:1.2;letter-spacing:-.5px}
.terms-box h2{font-size:32px;font-weight:600;color:#025A81;margin:50px 0 24px;line-height:1.3;padding-top:20px;border-top:2px solid #F7F7F7}
.terms-box h2:first-of-type{border-top:none;padding-top:0}
.terms-box h3{font-size:24px;font-weight:600;color:#08729D;margin:36px 0 18px;line-height:1.4}
.terms-box h4{font-size:20px;font-weight:600;color:#08729D;margin:28px 0 14px;line-height:1.4}
.terms-box h5{font-size:18px;font-weight:600;color:#333;margin:24px 0 12px;line-height:1.5}
.terms-box h6{font-size:16px;font-weight:600;color:#555;margin:20px 0 10px;line-height:1.5;text-transform:uppercase;letter-spacing:.5px}
.terms-box p{font-size:16px;line-height:1.8;color:#333;margin:0 0 20px;text-align:justify}
.terms-box p:last-child{margin-bottom:0}
.terms-box em,.terms-box i{font-style:italic;color:#555}
.terms-box strong{font-weight:600;color:#025A81}
.terms-box a{color:#08729D;text-decoration:underline;transition:all .3s ease}
.terms-box a:hover{color:#025A81;text-decoration:none;background:linear-gradient(90deg,#08729d1a 0%,#025a811a 100%);padding:2px 4px;margin:-2px -4px;border-radius:4px}
.terms-box a:focus{outline:2px solid #08729D;outline-offset:2px;border-radius:4px}
.terms-box ul,.terms-box ol{margin:0 0 24px;padding-left:28px}
.terms-box ul li,.terms-box ol li{font-size:16px;line-height:1.8;color:#333;margin-bottom:12px}
.terms-box ul li:last-child,.terms-box ol li:last-child{margin-bottom:0}
.terms-box table{width:100%;border-collapse:collapse;margin:32px 0;background:#fff;box-shadow:0 2px 8px #025a8114;border-radius:8px;overflow:hidden}
.terms-box thead{background:linear-gradient(135deg,#025A81 0%,#08729D 100%)}
.terms-box thead tr{border:none}
.terms-box thead th{padding:16px 20px;text-align:left;font-size:15px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;border:none}
.terms-box tbody{background:#fff}
.terms-box tbody tr{border-bottom:1px solid #F7F7F7;transition:background .2s ease}
.terms-box tbody tr:last-child{border-bottom:none}
.terms-box tbody tr:hover{background:#08729d0a}
.terms-box tbody td{padding:14px 20px;font-size:15px;line-height:1.6;color:#333;border:none}
.terms-box tbody th{padding:14px 20px;font-size:15px;font-weight:600;line-height:1.6;color:#025A81;text-align:left;background:#F7F7F7;border:none}
@media (max-width: 768px) {
.terms-box{padding:40px 16px}
.terms-box h1{font-size:32px;margin-bottom:28px}
.terms-box h2{font-size:26px;margin:40px 0 20px}
.terms-box h3{font-size:22px;margin:30px 0 16px}
.terms-box h4{font-size:19px;margin:24px 0 12px}
.terms-box h5{font-size:17px}
.terms-box h6{font-size:15px}
.terms-box p{font-size:15px;line-height:1.7;text-align:left}
.terms-box table{display:block;overflow-x:auto;margin:24px -16px;width:calc(100% + 32px);border-radius:0}
.terms-box thead th,.terms-box tbody td,.terms-box tbody th{padding:12px 16px;font-size:14px}
}
@media (max-width: 480px) {
.terms-box h1{font-size:28px}
.terms-box h2{font-size:24px}
.terms-box h3{font-size:20px}
.terms-box p,.terms-box ul li,.terms-box ol li{font-size:14px}
}
.MosaicHeadWrap{max-width:1024px;margin:0 auto;padding:50px 20px;display:grid;grid-template-columns:repeat(12,1fr);gap:20px;position:relative}
.MosaicHeadWrap::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(0deg,#025a8105 1px,transparent 1px),linear-gradient(90deg,#025a8105 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:-1}
.MainHeadData{grid-column:1 / 8;padding:40px 0;display:flex;flex-direction:column;justify-content:center}
.MainHeadData h1{font-size:42px;line-height:1.2;color:#025A81;margin:0 0 30px;font-weight:700}
.HeadTheses{display:flex;flex-direction:column;gap:18px}
.HeadTheses p{font-size:17px;line-height:1.6;color:#333;margin:0}
.ImageBox1{grid-column:8 / 13;grid-row:1;position:relative;overflow:hidden;border-radius:8px;box-shadow:0 4px 8px #00000026}
.ImageBox1 img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(0.92) contrast(1.05)}
.EventsGrid{max-width:1024px;margin:80px auto;padding:0 20px}
.EventsListWrap{display:grid;gap:28px}
.EventEntry{background:linear-gradient(135deg,#F7F7F7 0%,#fff 100%);border-radius:10px;padding:35px;border-left:5px solid #025A81;box-shadow:0 2px 6px #00000014;transition:transform .3s ease,box-shadow .3s ease;display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:start}
.EventEntry:hover{transform:translateY(-3px);box-shadow:0 6px 12px #025a8133}
.EventMetaData{display:flex;flex-direction:column;gap:12px}
.DateStamp{font-size:16px;color:#08729D;font-weight:600;display:flex;align-items:center;gap:8px}
.DateStamp::before{content:'';width:8px;height:8px;background:#08729D;border-radius:50%;display:block}
.StatusLabel{display:inline-block;padding:6px 14px;background:linear-gradient(90deg,#025A81,#08729D);color:#fff;font-size:13px;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;align-self:flex-start}
.EventContent h3{font-size:26px;color:#025A81;margin:0 0 16px;font-weight:700}
.EventContent p{font-size:16px;line-height:1.7;color:#444;margin:0 0 20px}
.EventFeatures{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.FeatureTag{padding:8px 16px;background:#08729d1a;color:#025A81;font-size:14px;border-radius:6px;font-weight:500}
.ProgramShowcase{max-width:1024px;margin:90px auto;padding:0 20px}
.ProgramGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.ProgramCard{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 3px 10px #0000001a;transition:transform .3s ease;position:relative}
.ProgramCard:hover{transform:translateY(-5px);box-shadow:0 8px 20px #025a8140}
.ProgramVisual{width:100%;height:220px;overflow:hidden;position:relative}
.ProgramVisual img{width:100%;height:100%;object-fit:cover;filter:brightness(0.9);transition:transform .4s ease}
.ProgramCard:hover .ProgramVisual img{transform:scale(1.08)}
.ProgramDetails{padding:28px}
.ProgramDetails h4{font-size:22px;color:#025A81;margin:0 0 14px;font-weight:700}
.ProgramDetails p{font-size:15px;line-height:1.6;color:#555;margin:0}
.RegisterSection{max-width:1024px;margin:100px auto 80px;padding:60px 40px;background:linear-gradient(135deg,#025A81 0%,#08729D 100%);border-radius:12px;box-shadow:0 6px 20px #00000026;text-align:center;position:relative;overflow:hidden}
.RegisterSection::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,#ffffff1a 1px,transparent 1px);background-size:30px 30px;animation:driftPattern 60s linear infinite}
@keyframes driftPattern {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.RegisterContent{position:relative;z-index:2}
.RegisterContent h2{font-size:36px;color:#fff;margin:0 0 20px;font-weight:700}
.RegisterContent p{font-size:18px;line-height:1.6;color:#fffffff2;margin:0 auto 35px;max-width:700px}
.RegisterActions{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
.ActionButton{padding:16px 40px;font-size:17px;font-weight:600;border-radius:6px;text-decoration:none;display:inline-block;transition:all .3s ease;cursor:pointer;position:relative;z-index:10}
.ActionButton.primary{background:#fff;color:#025A81;box-shadow:0 4px 10px #0003}
.ActionButton.primary:hover{background:#F7F7F7;transform:translateY(-2px);box-shadow:0 6px 15px #0000004d}
.ActionButton.secondary{background:transparent;color:#fff;border:2px solid #fff}
.ActionButton.secondary:hover{background:#ffffff26;transform:translateY(-2px)}
@media (max-width: 768px) {
.MosaicHeadWrap{grid-template-columns:1fr;padding:30px 15px;gap:25px}
.MainHeadData{grid-column:1;padding:20px 0}
.MainHeadData h1{font-size:32px;margin-bottom:20px}
.HeadTheses p{font-size:16px}
.ImageBox1{grid-column:1;grid-row:auto;height:280px}
.EventsGrid{margin:50px auto;padding:0 15px}
.EventEntry{grid-template-columns:1fr;gap:20px;padding:25px}
.EventContent h3{font-size:22px}
.ProgramGrid{grid-template-columns:1fr;gap:20px}
.RegisterSection{margin:60px auto 50px;padding:40px 25px}
.RegisterContent h2{font-size:28px}
.RegisterContent p{font-size:16px}
.RegisterActions{flex-direction:column;gap:15px}
.ActionButton{width:100%}
}
@media (min-width: 769px) and (max-width: 1024px) {
.MosaicHeadWrap{padding:40px 25px}
.MainHeadData h1{font-size:36px}
.ProgramGrid{grid-template-columns:repeat(2,1fr)}
.RegisterSection{padding:50px 30px}
}
.TitlWrap{position:relative;width:100%;min-height:520px;background:linear-gradient(135deg,#025A81 0%,#08729D 100%);display:flex;align-items:center;justify-content:center;overflow:hidden}
.TitlWrap::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#ffffff14 0%,transparent 70%);border-radius:50%}
.TitlWrap::after{content:'';position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#08729d26 0%,transparent 65%);border-radius:50%}
.HeadoInner{max-width:1024px;width:90%;margin:0 auto;position:relative;z-index:2;padding:80px 0}
.MainTitl{font-size:52px;font-weight:700;color:#FFF;margin:0 0 24px;line-height:1.2;letter-spacing:-.5px}
.TitlDesc{font-size:20px;color:#ffffffeb;line-height:1.6;max-width:720px;margin:0}
.StandBlock{background:#F7F7F7;padding:90px 0}
.StandInner{max-width:1024px;width:90%;margin:0 auto}
.SectHeado{font-size:38px;font-weight:700;color:#025A81;margin:0 0 16px;line-height:1.3}
.SectDesc{font-size:18px;color:#333;line-height:1.7;margin:0 0 50px;max-width:780px}
.GridWrap{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:60px}
.StandCard{background:#FFF;padding:36px 28px;border-radius:8px;box-shadow:0 3px 12px #025a8114;position:relative}
.StandCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#025A81 0%,#08729D 100%);border-radius:8px 0 0 8px}
.CardHeado{font-size:22px;font-weight:600;color:#025A81;margin:0 0 14px;line-height:1.3}
.CardTxt{font-size:16px;color:#555;line-height:1.6;margin:0}
.ImgGridWrap{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:48px}
.StandImg{width:100%;height:320px;object-fit:cover;border-radius:8px;box-shadow:0 4px 16px #025a811f}
.ResearchBlock{background:linear-gradient(135deg,#025A81 0%,#08729D 100%);padding:90px 0;position:relative;overflow:hidden}
.ResearchBlock::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,#ffffff0f 1px,transparent 1px),radial-gradient(circle at 80% 70%,#ffffff0f 1px,transparent 1px);background-size:60px 60px;opacity:.4}
.ResearchInner{max-width:1024px;width:90%;margin:0 auto;position:relative;z-index:2}
.WhiteHeado{font-size:38px;font-weight:700;color:#FFF;margin:0 0 18px;line-height:1.3}
.WhiteDesc{font-size:18px;color:#fffffff2;line-height:1.7;margin:0 0 56px;max-width:800px}
.ProcessWrap{display:flex;flex-direction:column;gap:0}
.ProcessStep{display:grid;grid-template-columns:80px 1fr;gap:32px;align-items:flex-start;padding:36px 0;border-bottom:1px solid #ffffff26;position:relative}
.ProcessStep:last-child{border-bottom:none}
.StepNumWrap{width:80px;height:80px;background:#ffffff1f;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}
.StepNumWrap::after{content:'';position:absolute;bottom:-36px;left:50%;transform:translateX(-50%);width:2px;height:36px;background:#fff3}
.ProcessStep:last-child .StepNumWrap::after{display:none}
.StepNum{font-size:32px;font-weight:700;color:#FFF}
.StepContentWrap{padding-top:8px}
.StepHeado{font-size:24px;font-weight:600;color:#FFF;margin:0 0 12px;line-height:1.3}
.StepTxt{font-size:16px;color:#ffffffe0;line-height:1.65;margin:0}
.ResearchImgWrap{margin-top:60px;display:grid;grid-template-columns:1fr 1fr;gap:32px}
.ResearchImg{width:100%;height:340px;object-fit:cover;border-radius:8px;box-shadow:0 6px 24px #0003}
.CtaBlock{background:#F7F7F7;padding:90px 0}
.CtaInner{max-width:1024px;width:90%;margin:0 auto;text-align:center}
.CtaHeado{font-size:36px;font-weight:700;color:#025A81;margin:0 0 20px;line-height:1.3}
.CtaTxt{font-size:18px;color:#444;line-height:1.7;margin:0 0 40px;max-width:680px;margin-left:auto;margin-right:auto}
.BtnWrap{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.PrimBtn{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#025A81 0%,#08729D 100%);color:#FFF;font-size:17px;font-weight:600;text-decoration:none;border-radius:6px;box-shadow:0 4px 14px #025a8140;transition:all .3s ease;position:relative;z-index:10}
.PrimBtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #025a8159}
.SecBtn{display:inline-block;padding:16px 40px;background:#FFF;color:#025A81;font-size:17px;font-weight:600;text-decoration:none;border-radius:6px;border:2px solid #025A81;transition:all .3s ease;position:relative;z-index:10}
.SecBtn:hover{background:#025A81;color:#FFF}
@media (max-width: 768px) {
.MainTitl{font-size:36px}
.TitlDesc{font-size:17px}
.SectHeado,.WhiteHeado{font-size:30px}
.SectDesc,.WhiteDesc{font-size:16px}
.GridWrap{grid-template-columns:1fr;gap:24px}
.ImgGridWrap{grid-template-columns:1fr;gap:20px}
.StandImg{height:260px}
.ProcessStep{grid-template-columns:60px 1fr;gap:20px}
.StepNumWrap{width:60px;height:60px}
.StepNum{font-size:26px}
.StepHeado{font-size:20px}
.ResearchImgWrap{grid-template-columns:1fr;gap:20px}
.ResearchImg{height:280px}
.CtaHeado{font-size:28px}
.BtnWrap{flex-direction:column;align-items:stretch}
.PrimBtn,.SecBtn{text-align:center}
}
@media (min-width: 769px) and (max-width: 1024px) {
.GridWrap{grid-template-columns:repeat(2,1fr)}
.MainTitl{font-size:44px}
}
.PageWrap{width:100%;max-width:1024px;margin:0 auto;padding:0 20px}
.TitleOuter{padding:60px 0;text-align:center}
.TitleImgHolder{position:relative;max-width:600px;margin:0 auto 40px;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #025a8126}
.TitleImgHolder img{width:100%;height:auto;display:block}
.TitleImgHolder::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,transparent 40%,#025a8166);pointer-events:none}
.TitleText h1{font-size:2.8rem;color:#025A81;margin:0 0 20px;font-weight:700}
.TitleText p{font-size:1.1rem;color:#333;line-height:1.6;margin:0 0 30px;max-width:700px;margin-left:auto;margin-right:auto}
.ActionRow{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.PrimButt{background:linear-gradient(135deg,#025A81,#08729D);color:#fff;padding:14px 32px;border-radius:6px;text-decoration:none;font-weight:600;box-shadow:0 3px 8px #08729d4d;transition:all .3s ease;border:none;cursor:pointer;font-size:1rem}
.PrimButt:hover{transform:translateY(-2px);box-shadow:0 5px 14px #08729d66}
.SecButt{background:transparent;color:#025A81;padding:14px 32px;border-radius:6px;text-decoration:none;font-weight:600;border:2px solid #025A81;transition:all .3s ease;cursor:pointer;font-size:1rem}
.SecButt:hover{background:#025A81;color:#fff}
.DotLine{display:flex;justify-content:center;gap:8px;margin-top:40px}
.DotLine span{width:8px;height:8px;background:#08729D;border-radius:50%;opacity:.6}
.InfoGrid{padding:80px 0;background:linear-gradient(180deg,#F7F7F7 0%,#fff 100%)}
.InfoGrid .PageWrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.InfoCard{background:#fff;padding:32px;border-radius:10px;box-shadow:0 2px 8px #00000014;border-left:4px solid #025A81;transition:all .3s ease}
.InfoCard:hover{transform:translateY(-4px);box-shadow:0 6px 16px #025a8126}
.InfoCard h3{font-size:1.4rem;color:#025A81;margin:0 0 16px;display:flex;align-items:center;gap:12px}
.InfoCard h3::before{content:'';width:40px;height:40px;background:linear-gradient(135deg,#025A81,#08729D);border-radius:50%;display:inline-block;flex-shrink:0}
.InfoCard p{font-size:1rem;color:#555;line-height:1.6;margin:0 0 12px}
.InfoCard a{color:#08729D;text-decoration:none;font-weight:600;transition:color .2s ease}
.InfoCard a:hover{color:#025A81;text-decoration:underline}
.FormOuter{padding:80px 0;background:#fff}
.FormInner{max-width:700px;margin:0 auto}
.FormInner h2{font-size:2.2rem;color:#025A81;margin:0 0 12px;text-align:center}
.FormInner > p{font-size:1rem;color:#666;text-align:center;margin:0 0 40px;line-height:1.5}
.FormGroup{margin-bottom:24px}
.FormGroup label{display:block;font-size:.95rem;color:#333;margin-bottom:8px;font-weight:600}
.FormGroup input[type="text"],.FormGroup input[type="email"]{width:100%;padding:14px 16px;border:2px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .2s ease;box-sizing:border-box}
.FormGroup input[type="text"]:focus,.FormGroup input[type="email"]:focus{outline:none;border-color:#08729D}
.FormGroup select{width:100%;padding:14px 16px;border:2px solid #ddd;border-radius:6px;font-size:1rem;background:#fff;cursor:pointer;transition:border-color .2s ease;box-sizing:border-box;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23025A81' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}
.FormGroup select:focus{outline:none;border-color:#08729D}
.PrivacyRow{margin:32px 0 24px;display:flex;align-items:flex-start;gap:10px}
.PrivacyRow input[type="checkbox"]{margin-top:4px;cursor:pointer;width:18px;height:18px;flex-shrink:0}
.PrivacyRow label{font-size:.9rem;color:#555;line-height:1.5;cursor:pointer}
.PrivacyRow a{color:#08729D;text-decoration:none;font-weight:600}
.PrivacyRow a:hover{text-decoration:underline}
.SubmitButt{width:100%;background:linear-gradient(135deg,#025A81,#08729D);color:#fff;padding:16px;border-radius:6px;font-weight:700;font-size:1.1rem;border:none;cursor:pointer;box-shadow:0 3px 10px #08729d4d;transition:all .3s ease}
.SubmitButt:hover{transform:translateY(-2px);box-shadow:0 6px 16px #08729d66}
.MapArea{padding:80px 0;background:linear-gradient(180deg,#fff 0%,#F7F7F7 100%)}
.MapArea h2{font-size:2rem;color:#025A81;text-align:center;margin:0 0 16px}
.MapArea > p{font-size:1rem;color:#666;text-align:center;margin:0 0 40px;line-height:1.5}
.LocationBox{background:#fff;padding:40px;border-radius:10px;box-shadow:0 4px 12px #00000014;max-width:600px;margin:0 auto;border-top:4px solid #025A81}
.LocationBox h3{font-size:1.6rem;color:#025A81;margin:0 0 24px;display:flex;align-items:center;gap:12px}
.LocationBox h3::before{content:'';width:48px;height:48px;background:linear-gradient(135deg,#025A81,#08729D);border-radius:50%;flex-shrink:0}
.LocationBox p{font-size:1.05rem;color:#555;line-height:1.7;margin:0 0 12px}
.LocationBox strong{color:#025A81;font-weight:700}
.FaqOuter{padding:80px 0;background:#fff}
.FaqOuter h2{font-size:2rem;color:#025A81;text-align:center;margin:0 0 16px}
.FaqOuter > .PageWrap > p{font-size:1rem;color:#666;text-align:center;margin:0 0 50px;line-height:1.5}
.FaqList{max-width:800px;margin:0 auto}
.FaqItem{margin-bottom:16px;border:2px solid #ddd;border-radius:8px;overflow:hidden;transition:border-color .3s ease}
.FaqItem:hover{border-color:#08729D}
.FaqToggle{display:none}
.FaqHead{display:block;padding:20px 24px;background:#F7F7F7;cursor:pointer;font-size:1.15rem;color:#025A81;font-weight:600;position:relative;transition:background .3s ease}
.FaqHead::after{content:'+';position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:1.8rem;color:#025A81;transition:transform .3s ease}
.FaqToggle:checked + .FaqHead{background:linear-gradient(135deg,#025A81,#08729D);color:#fff}
.FaqToggle:checked + .FaqHead::after{content:'−';color:#fff;transform:translateY(-50%) rotate(180deg)}
.FaqContent{max-height:0;overflow:hidden;transition:max-height .4s ease}
.FaqToggle:checked ~ .FaqContent{max-height:500px}
.FaqContent p{padding:20px 24px;margin:0;font-size:1rem;color:#555;line-height:1.7;background:#fff}
@media (max-width: 768px) {
.TitleText h1{font-size:2rem}
.TitleText p{font-size:1rem}
.ActionRow{flex-direction:column;align-items:stretch}
.PrimButt,.SecButt{text-align:center}
.InfoGrid .PageWrap{grid-template-columns:1fr}
.FormInner h2{font-size:1.8rem}
.LocationBox{padding:28px 20px}
.FaqHead{font-size:1rem;padding:16px 20px;padding-right:50px}
}
@media (max-width: 480px) {
.TitleOuter{padding:40px 0}
.TitleText h1{font-size:1.7rem}
.InfoCard{padding:24px}
.InfoCard h3{font-size:1.2rem}
.FormOuter,.MapArea,.FaqOuter{padding:60px 0}
}
.PageOuter{background:linear-gradient(135deg,#F7F7F7 0%,#fff 100%)}
.TitleWrap{position:relative;max-width:1024px;margin:0 auto;height:520px;overflow:hidden}
.TitleWrap .BackImage{width:100%;height:100%;object-fit:cover;filter:brightness(0.75)}
.TitleWrap .FloatContent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;max-width:720px;padding:0 24px;z-index:3}
.TitleWrap .TopLine{width:80px;height:2px;background:#08729D;margin:0 auto 20px}
.TitleWrap .FloatContent .IntroText{font-size:15px;line-height:1.6;margin-bottom:16px;text-shadow:0 2px 8px #0006}
.TitleWrap .FloatContent .MainHead{font-size:42px;font-weight:700;line-height:1.2;margin:0;text-shadow:0 3px 12px #00000080}
.TitleWrap .BottomLine{width:80px;height:2px;background:#08729D;margin:20px auto 0}
.TitleWrap .FrameDecor{position:absolute;border:1px solid #ffffff4d;pointer-events:none;z-index:2}
.TitleWrap .FrameDecor:nth-of-type(1){top:30px;left:30px;right:30px;bottom:30px}
.TitleWrap .FrameDecor:nth-of-type(2){top:40px;left:40px;right:40px;bottom:40px}
.ProgramSection{max-width:1024px;margin:80px auto;padding:0 24px}
.ProgramSection .SectionHead{text-align:center;margin-bottom:60px}
.ProgramSection .SectionHead h2{font-size:36px;font-weight:700;color:#025A81;margin:0 0 16px;position:relative;display:inline-block}
.ProgramSection .SectionHead h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,#025A81,#08729D)}
.ProgramSection .SectionHead p{font-size:16px;color:#333;line-height:1.7;max-width:680px;margin:24px auto 0}
.ModuleGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:60px}
.ModuleCard{background:#fff;border-radius:8px;padding:32px 24px;box-shadow:0 3px 8px #025a8114;transition:all .3s ease;border:1px solid #F7F7F7}
.ModuleCard:hover{transform:translateY(-4px);box-shadow:0 6px 16px #025a8126;border-color:#08729D}
.ModuleCard .CardNum{width:48px;height:48px;background:linear-gradient(135deg,#025A81,#08729D);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;margin-bottom:20px}
.ModuleCard h3{font-size:20px;font-weight:600;color:#025A81;margin:0 0 12px;line-height:1.3}
.ModuleCard p{font-size:15px;color:#555;line-height:1.6;margin:0}
.LearningPath{background:linear-gradient(135deg,#025A81 0%,#08729D 100%);border-radius:10px;padding:48px 40px;color:#fff;margin-bottom:60px}
.LearningPath h3{font-size:28px;font-weight:700;margin:0 0 28px;text-align:center}
.PathSteps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative}
.PathSteps::before{content:'';position:absolute;top:24px;left:12%;right:12%;height:2px;background:#ffffff4d;z-index:1}
.StepItem{text-align:center;position:relative;z-index:2}
.StepItem .StepCircle{width:48px;height:48px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#025A81;margin:0 auto 16px;box-shadow:0 3px 8px #0003}
.StepItem h4{font-size:16px;font-weight:600;margin:0 0 8px}
.StepItem p{font-size:14px;line-height:1.5;margin:0;opacity:.9}
.StructureArea{max-width:1024px;margin:80px auto;padding:0 24px}
.StructureArea .AreaHead{text-align:center;margin-bottom:48px}
.StructureArea .AreaHead h2{font-size:36px;font-weight:700;color:#025A81;margin:0 0 16px}
.StructureArea .AreaHead p{font-size:16px;color:#333;line-height:1.7;max-width:680px;margin:0 auto}
.SplitLayout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.ContentSide h3{font-size:28px;font-weight:700;color:#025A81;margin:0 0 24px;line-height:1.3}
.ContentSide p{font-size:15px;color:#555;line-height:1.7;margin:0 0 20px}
.FeatureList{list-style:none;padding:0;margin:28px 0 0}
.FeatureList li{font-size:15px;color:#333;line-height:1.6;padding-left:32px;position:relative;margin-bottom:16px}
.FeatureList li::before{content:'';position:absolute;left:0;top:6px;width:20px;height:20px;background:linear-gradient(135deg,#025A81,#08729D);border-radius:4px}
.FeatureList li::after{content:'✓';position:absolute;left:5px;top:4px;color:#fff;font-size:14px;font-weight:700}
.ImageSide img{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #025a811f}
.ActionArea{background:#F7F7F7;padding:60px 24px;text-align:center;margin-top:80px}
.ActionArea h3{font-size:32px;font-weight:700;color:#025A81;margin:0 0 16px}
.ActionArea p{font-size:16px;color:#555;line-height:1.7;max-width:620px;margin:0 auto 32px}
.ActionArea .PrimaryButt{display:inline-block;background:linear-gradient(135deg,#025A81,#08729D);color:#fff;font-size:16px;font-weight:600;padding:16px 40px;border-radius:6px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 10px #025a8133;z-index:10;position:relative}
.ActionArea .PrimaryButt:hover{transform:translateY(-2px);box-shadow:0 6px 16px #025a814d}
@media (max-width: 900px) {
.TitleWrap{height:440px}
.TitleWrap .FloatContent .MainHead{font-size:34px}
.ModuleGrid{grid-template-columns:repeat(2,1fr);gap:24px}
.PathSteps{grid-template-columns:repeat(2,1fr);gap:32px}
.PathSteps::before{display:none}
.SplitLayout{grid-template-columns:1fr;gap:36px}
.ProgramSection .SectionHead h2,.StructureArea .AreaHead h2{font-size:30px}
}
@media (max-width: 600px) {
.TitleWrap{height:380px}
.TitleWrap .FloatContent .MainHead{font-size:28px}
.TitleWrap .FloatContent .IntroText{font-size:14px}
.TitleWrap .FrameDecor:nth-of-type(1){top:20px;left:20px;right:20px;bottom:20px}
.TitleWrap .FrameDecor:nth-of-type(2){display:none}
.ProgramSection,.StructureArea{margin:48px auto}
.ModuleGrid{grid-template-columns:1fr;gap:20px}
.PathSteps{grid-template-columns:1fr;gap:24px}
.LearningPath{padding:32px 24px}
.ProgramSection .SectionHead h2,.StructureArea .AreaHead h2{font-size:26px}
.ContentSide h3{font-size:24px}
.ActionArea h3{font-size:26px}
.ActionArea .PrimaryButt{padding:14px 32px;font-size:15px}
}
.titleContainer{max-width:1024px;margin:0 auto;padding:80px 20px 60px}
.titleOuter{background:linear-gradient(135deg,#025A81 0%,#08729D 100%);border-radius:8px;padding:60px 40px;position:relative;overflow:hidden}
.titleOuter::before{content:'';position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,#f7f7f714 0%,transparent 70%);border-radius:50%}
.titleOuter::after{content:'';position:absolute;bottom:-30%;left:-5%;width:300px;height:300px;background:radial-gradient(circle,#08729d1f 0%,transparent 70%);border-radius:50%}
.titleInner{position:relative;z-index:2}
.titleInner h1{color:#F7F7F7;font-size:2.8rem;line-height:1.2;margin:0 0 20px;font-weight:700}
.titleInner p{color:#f7f7f7e6;font-size:1.15rem;line-height:1.6;max-width:680px;margin:0}
.contentWrap{max-width:1024px;margin:0 auto;padding:60px 20px}
.stratGrid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:80px}
.stratBox{background:#F7F7F7;border-radius:6px;padding:32px;box-shadow:0 2px 6px #025a8114;transition:all .3s ease}
.stratBox:hover{box-shadow:0 4px 12px #025a8126;transform:translateY(-2px)}
.stratBox h3{color:#025A81;font-size:1.5rem;margin:0 0 16px;font-weight:600}
.stratBox p{color:#333;font-size:1rem;line-height:1.7;margin:0 0 12px}
.stratBox p:last-child{margin-bottom:0}
.imageHandler{background:#FFF;border-radius:8px;padding:40px;margin-bottom:80px;box-shadow:0 3px 8px #025a811a}
.imageHandler h2{color:#025A81;font-size:2rem;margin:0 0 32px;font-weight:600;text-align:center}
.imageContentSplit{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center}
.textData{color:#333}
.textData h4{color:#08729D;font-size:1.3rem;margin:0 0 16px;font-weight:600}
.textData p{font-size:1rem;line-height:1.7;margin:0 0 20px}
.visualBox{position:relative}
.visualBox img{width:100%;height:auto;border-radius:6px;box-shadow:0 4px 10px #025a811f}
.checkListModule{background:linear-gradient(180deg,#F7F7F7 0%,#FFF 100%);border-radius:8px;padding:50px 40px}
.checkListModule h2{color:#025A81;font-size:2rem;margin:0 0 40px;font-weight:600}
.checkItemsFlex{display:flex;flex-direction:column;gap:24px}
.checkItem{display:grid;grid-template-columns:auto 1fr;gap:20px;background:#FFF;padding:24px;border-radius:6px;border-left:4px solid #08729D;box-shadow:0 2px 5px #025a8114;transition:all .25s ease}
.checkItem:hover{border-left-color:#025A81;box-shadow:0 3px 8px #025a8124}
.checkIconWrap{width:48px;height:48px;background:linear-gradient(135deg,#025A81 0%,#08729D 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.checkIconWrap svg{width:24px;height:24px;fill:#F7F7F7}
.checkItemContent h5{color:#025A81;font-size:1.2rem;margin:0 0 8px;font-weight:600}
.checkItemContent p{color:#333;font-size:.98rem;line-height:1.6;margin:0}
@media (max-width: 768px) {
.titleOuter{padding:40px 24px}
.titleInner h1{font-size:2rem}
.titleInner p{font-size:1rem}
.stratGrid{grid-template-columns:1fr;gap:24px;margin-bottom:60px}
.stratBox{padding:24px}
.imageHandler{padding:30px 20px;margin-bottom:60px}
.imageHandler h2{font-size:1.6rem;margin-bottom:24px}
.imageContentSplit{grid-template-columns:1fr;gap:30px}
.checkListModule{padding:40px 24px}
.checkListModule h2{font-size:1.6rem;margin-bottom:30px}
.checkItem{grid-template-columns:1fr;gap:16px;padding:20px}
.checkIconWrap{width:40px;height:40px}
.checkIconWrap svg{width:20px;height:20px}
.checkItemContent h5{font-size:1.1rem}
}
@media (max-width: 480px) {
.titleContainer{padding:60px 16px 40px}
.titleOuter{padding:32px 20px}
.titleInner h1{font-size:1.7rem}
.contentWrap{padding:40px 16px}
.stratBox{padding:20px}
.stratBox h3{font-size:1.3rem}
.imageHandler{padding:24px 16px}
.checkListModule{padding:32px 20px}
}
.SuccBlock{padding:80px 20px;background:linear-gradient(135deg,#F7F7F7 0%,#fff 100%);position:relative;overflow:hidden}
.SuccBlock::before{content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle,#08729d14 0%,transparent 70%);top:-100px;right:-100px;filter:blur(60px);z-index:1}
.SuccBlock::after{content:'';position:absolute;width:350px;height:350px;background:radial-gradient(circle,#025a810f 0%,transparent 70%);bottom:-80px;left:-80px;filter:blur(70px);z-index:1}
.SuccWrap{max-width:1024px;margin:0 auto;position:relative;z-index:2;display:flex;align-items:center;gap:60px}
.SuccContent{flex:1}
.SuccNumBox{display:inline-block;background:linear-gradient(135deg,#025A81 0%,#08729D 100%);color:#fff;font-size:72px;font-weight:700;padding:20px 40px;border-radius:8px;box-shadow:0 4px 12px #025a8140;margin-bottom:30px;line-height:1}
.SuccHeading{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 24px;line-height:1.2}
.SuccHeading::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#025A81 0%,#08729D 100%);margin-top:20px;border-radius:2px}
.SuccText{font-size:18px;line-height:1.7;color:#4a4a4a;margin:0 0 16px}
.SuccVisual{flex:0 0 380px;position:relative}
.SuccShape{width:380px;height:380px;background:linear-gradient(135deg,#025A81 0%,#08729D 100%);border-radius:12px;position:relative;box-shadow:0 6px 20px #025a8133;overflow:hidden}
.SuccShape::before{content:'';position:absolute;width:200px;height:200px;background:#ffffff1a;border-radius:50%;top:-50px;right:-50px}
.SuccShape::after{content:'';position:absolute;width:150px;height:150px;background:#ffffff14;border-radius:50%;bottom:30px;left:30px}
.SuccIconGrid{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;grid-template-columns:repeat(3,1fr);gap:30px;z-index:2}
.SuccIconCell{width:60px;height:60px;background:#ffffff26;border-radius:8px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);border:1px solid #fff3}
.SuccIconCell svg{width:32px;height:32px;fill:#fff}
.SuccInfoBlock{padding:80px 20px;background:#fff}
.SuccInfoWrap{max-width:1024px;margin:0 auto}
.SuccInfoGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.SuccCard{background:#F7F7F7;padding:40px 32px;border-radius:8px;border-left:4px solid #025A81;box-shadow:0 2px 8px #0000000f;transition:all .3s ease;position:relative}
.SuccCard:hover{transform:translateY(-4px);box-shadow:0 6px 16px #025a8126;border-left-color:#08729D}
.SuccCardNum{font-size:48px;font-weight:700;background:linear-gradient(135deg,#025A81 0%,#08729D 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 16px;line-height:1}
.SuccCardTitle{font-size:22px;font-weight:600;color:#1a1a1a;margin:0 0 14px}
.SuccCardText{font-size:16px;line-height:1.6;color:#5a5a5a;margin:0}
.SuccBtn{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,#025A81 0%,#08729D 100%);color:#fff;font-size:17px;font-weight:600;padding:16px 36px;border-radius:6px;text-decoration:none;box-shadow:0 4px 12px #025a8140;transition:all .3s ease;margin-top:32px;z-index:10;position:relative}
.SuccBtn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #025a8159}
.SuccBtn svg{width:20px;height:20px;fill:#fff}
@media (max-width: 768px) {
.SuccBlock{padding:60px 20px}
.SuccWrap{flex-direction:column;gap:40px}
.SuccVisual{flex:0 0 auto}
.SuccShape{width:300px;height:300px}
.SuccIconGrid{gap:20px}
.SuccIconCell{width:50px;height:50px}
.SuccNumBox{font-size:56px;padding:16px 32px}
.SuccHeading{font-size:32px}
.SuccText{font-size:16px}
.SuccInfoBlock{padding:60px 20px}
.SuccInfoGrid{grid-template-columns:1fr;gap:24px}
.SuccCard{padding:32px 24px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.SuccWrap{gap:40px}
.SuccVisual{flex:0 0 320px}
.SuccShape{width:320px;height:320px}
.SuccInfoGrid{grid-template-columns:repeat(2,1fr);gap:30px}
}