*,::before,::after{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Bitter',serif;font-size:16px;line-height:1.6;color:#1B3350;background:linear-gradient(162deg,#fff 0%,#f8f9fa 50%,#E7F7E6 100%);min-height:100vh;display:flex;flex-direction:column}
.SiteHeader{background:linear-gradient(127deg,#fff 0%,#f5f5f5 100%);box-shadow:0 2px 8px #1b335014;padding:24px 0}
.HeaderContainer{max-width:1600px;margin:0 auto;padding:0 32px;display:flex;justify-content:space-between;align-items:center;gap:48px}
.BrandColumn{flex-shrink:0}
.LogoStack{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.CompanyLogo{width:92px;height:92px;object-fit:contain;background:#fff;padding:8px;border-radius:12px;box-shadow:0 2px 6px #1b33501a}
.BrandName{font-size:24px;font-weight:700;color:#1B3350;letter-spacing:-.5px}
.NavigationColumn{display:flex;flex-direction:column;align-items:flex-end;gap:16px;flex-grow:1}
.MainNav{display:flex;gap:32px;align-items:center}
.MainNav .NavLink{font-size:16px;font-weight:400;color:#1B3350;text-decoration:none;padding:8px 4px;position:relative;transition:color .2s ease}
.MainNav .NavLink:hover{color:#E25149}
.ContactDetails{display:flex;gap:24px;align-items:center}
.ContactDetails .ContactLink{font-size:14px;color:#1B3350;text-decoration:none;padding:6px 12px;background:#e7f7e680;border-radius:6px;transition:background .2s ease}
.ContactDetails .ContactLink:hover{background:#E7F7E6}
main{flex:1}
.SiteFooter{background:linear-gradient(143deg,#1B3350 0%,#2a4a6d 100%);padding:32px 0;margin-top:64px}
.FooterContainer{max-width:1600px;margin:0 auto;padding:0 32px}
.FooterContent{display:flex;justify-content:space-between;align-items:center;gap:32px}
.CopyrightSection .CopyrightText{color:#E7F7E6;font-size:14px}
.PolicyNav{display:flex;gap:24px}
.PolicyNav .PolicyLink{color:#E7F7E6;font-size:14px;text-decoration:none;padding:4px 8px;border-radius:4px;transition:background .2s ease}
.PolicyNav .PolicyLink:hover{background:#e7f7e626}
.CookiePopup{position:fixed;top:0;left:0;right:0;bottom:0;background:#1b3350bf;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}
@keyframes fadeIn {
from{opacity:0}
to{opacity:1}
}
@keyframes slideFromLeft {
from{transform:translateX(-100%);opacity:0}
to{transform:translateX(0);opacity:1}
}
@keyframes slideToLeft {
from{transform:translateX(0);opacity:1}
to{transform:translateX(-100%);opacity:0}
}
.CookiePopup .PopupTile{background:#fff;padding:32px;border-radius:16px;max-width:520px;width:90%;box-shadow:0 12px 32px #1b335040;animation:slideFromLeft .4s ease}
.CookiePopup.hiding .PopupTile{animation:slideToLeft .4s ease}
.CookiePopup .TabContainer{display:flex;gap:16px;margin-bottom:20px;border-bottom:2px solid #E7F7E6}
.CookiePopup .TabButton{background:none;border:none;font-family:'Bitter',serif;font-size:16px;font-weight:400;color:#1B3350;padding:8px 16px;cursor:pointer;position:relative;transition:color .2s ease}
.CookiePopup .TabButton:hover{color:#E25149}
.CookiePopup .TabButton.showing{font-weight:700;color:#E25149}
.CookiePopup .TabButton.showing::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#E25149}
.CookiePopup .TabContent{display:none;margin-bottom:24px}
.CookiePopup .TabContent.showing{display:block}
.CookiePopup .PopupText{font-size:15px;line-height:1.7;color:#1B3350}
.CookiePopup .ActionButtons{display:flex;gap:16px;justify-content:flex-end}
.CookiePopup .ConsentButton{background:none;border:none;font-family:'Bitter',serif;font-size:15px;font-weight:400;color:#E25149;padding:8px 16px;cursor:pointer;text-decoration:underline;transition:color .2s ease}
.CookiePopup .ConsentButton:hover{color:#1B3350}
@media (max-width: 1024px) {
.HeaderContainer{flex-direction:column;align-items:flex-start;gap:24px}
.NavigationColumn{width:100%;align-items:flex-start}
.MainNav{flex-wrap:wrap;gap:20px}
.ContactDetails{flex-direction:column;align-items:flex-start;gap:12px}
}
@media (max-width: 768px) {
.HeaderContainer{padding:0 20px}
.MainNav{flex-direction:column;align-items:flex-start;gap:12px;width:100%}
.MainNav .NavLink{width:100%;padding:12px 8px}
.FooterContent{flex-direction:column;align-items:flex-start;gap:20px}
.PolicyNav{flex-direction:column;gap:12px}
.CookiePopup .PopupTile{padding:24px;max-width:90%}
.CookiePopup .ActionButtons{flex-direction:column;gap:12px}
.CookiePopup .ConsentButton{width:100%;text-align:left}
}
@media (max-width: 480px) {
.CompanyLogo{width:72px;height:72px}
.BrandName{font-size:20px}
.SiteHeader{padding:16px 0}
}
body::-webkit-scrollbar{width:10px}
body::-webkit-scrollbar-track{background:#e7f7e64d;border-radius:8px}
body::-webkit-scrollbar-thumb{background:#E25149;border-radius:8px}
body::-webkit-scrollbar-thumb:hover{background:#c94139}
a{cursor:pointer}
button{cursor:pointer}
input,textarea{cursor:text}
.legal-body{max-width:1200px;margin:0 auto;padding:80px 24px;background:#fff}
.legal-body h1{font-size:42px;font-weight:700;color:#1B3350;line-height:1.2;margin:0 0 48px;letter-spacing:-.5px}
.legal-body h2{font-size:32px;font-weight:600;color:#1B3350;line-height:1.3;margin:64px 0 24px;letter-spacing:-.3px}
.legal-body h3{font-size:24px;font-weight:600;color:#1B3350;line-height:1.4;margin:48px 0 20px}
.legal-body h4{font-size:20px;font-weight:600;color:#1B3350;line-height:1.4;margin:36px 0 16px}
.legal-body h5{font-size:18px;font-weight:600;color:#1B3350;line-height:1.5;margin:28px 0 14px}
.legal-body h6{font-size:16px;font-weight:600;color:#1B3350;line-height:1.5;margin:24px 0 12px;text-transform:uppercase;letter-spacing:.5px}
.legal-body p{font-size:17px;line-height:1.8;color:#2c3e50;margin:0 0 20px;max-width:800px}
.legal-body ul{list-style-type:disc;margin:0 0 24px;padding:0 0 0 32px;max-width:800px}
.legal-body ol{list-style-type:decimal;margin:0 0 24px;padding:0 0 0 32px;max-width:800px}
.legal-body ul ul{list-style-type:circle;margin:8px 0}
.legal-body ol ol{list-style-type:lower-alpha;margin:8px 0}
.legal-body li{font-size:17px;line-height:1.8;color:#2c3e50;margin:0 0 12px;padding-left:8px}
.legal-body li ul,.legal-body li ol{margin-top:12px}
.legal-body em,.legal-body i{font-style:italic;color:#1B3350}
.legal-body a{color:#E25149;text-decoration:none;border-bottom:1px solid #e251494d;transition:all .3s ease;font-weight:500}
.legal-body a:hover{color:#c73d36;border-bottom-color:#E25149}
.legal-body a:focus{outline:2px solid #E25149;outline-offset:2px;border-radius:2px}
.legal-body hr{border:none;height:2px;background:linear-gradient(90deg,#E7F7E6 0%,#E25149 50%,#E7F7E6 100%);margin:56px 0;opacity:.4}
.legal-body div{margin:0 0 24px}
.legal-body h1 + p,.legal-body h2 + p,.legal-body h3 + p{margin-top:0}
.legal-body p + h2,.legal-body ul + h2,.legal-body ol + h2{margin-top:72px}
@media (max-width: 1024px) {
.legal-body{padding:60px 32px}
.legal-body h1{font-size:36px;margin-bottom:36px}
.legal-body h2{font-size:28px;margin-top:52px}
.legal-body h3{font-size:22px;margin-top:40px}
}
@media (max-width: 768px) {
.legal-body{padding:48px 20px}
.legal-body h1{font-size:30px;margin-bottom:32px}
.legal-body h2{font-size:24px;margin-top:44px;margin-bottom:20px}
.legal-body h3{font-size:20px;margin-top:36px;margin-bottom:16px}
.legal-body h4{font-size:18px;margin-top:28px}
.legal-body p,.legal-body li{font-size:16px;line-height:1.75}
.legal-body ul,.legal-body ol{padding-left:24px}
.legal-body hr{margin:44px 0}
}
@media (max-width: 480px) {
.legal-body{padding:40px 16px}
.legal-body h1{font-size:26px;margin-bottom:28px}
.legal-body h2{font-size:22px;margin-top:40px}
.legal-body h3{font-size:19px}
.legal-body p,.legal-body li{font-size:15px;line-height:1.7}
.legal-body ul,.legal-body ol{padding-left:20px}
}
.AboutBanner{display:flex;align-items:center;gap:60px;max-width:1440px;margin:0 auto;padding:80px 40px 90px;position:relative;background:linear-gradient(124deg,#E7F7E6 0%,#fff 48%,#fef8f8 100%);animation:gradShift 18s ease-in-out infinite}
@keyframes gradShift {
0%,100%{background-position:0 50%}
50%{background-position:100% 50%}
}
.AboutBanner .TextColumn{flex:1 1 58%;max-width:720px}
.AboutBanner .ImageColumn{flex:1 1 38%;max-width:440px;position:relative}
.AboutBanner .ImageColumn img{width:100%;height:auto;display:block;border-radius:8px;filter:grayscale(30%) sepia(20%) hue-rotate(320deg) saturate(1.3);box-shadow:0 6px 18px #1b335024}
.AboutBanner .MainTitle{font-size:3rem;line-height:1.18;font-weight:700;color:#1B3350;margin:0 0 28px;letter-spacing:-.02em}
.AboutBanner .IntroText{font-size:1.1rem;line-height:1.7;color:#3a3a3a;margin:0 0 22px}
.AboutBanner .IntroText span{color:#E25149;font-weight:600}
.StorySection{max-width:1440px;margin:0 auto;padding:100px 40px 110px;background:#fff}
.StorySection .GridLayout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.StorySection .ContentBlock{position:relative}
.StorySection .ContentBlock::before{content:'';position:absolute;left:-18px;top:8px;width:4px;height:60px;background:linear-gradient(180deg,#E25149 0%,#E7F7E6 100%);border-radius:2px}
.StorySection .SecondaryHeading{font-size:2.2rem;line-height:1.24;font-weight:700;color:#1B3350;margin:0 0 24px}
.StorySection .BodyText{font-size:1.05rem;line-height:1.72;color:#4a4a4a;margin:0 0 20px}
.StorySection .HighlightBox{background:linear-gradient(135deg,#fef8f8 0%,#E7F7E6 100%);padding:32px;border-radius:12px;margin:32px 0 0;border-left:5px solid #E25149}
.StorySection .HighlightBox .BoxTitle{font-size:1.3rem;font-weight:700;color:#1B3350;margin:0 0 14px}
.StorySection .HighlightBox .BoxText{font-size:1rem;line-height:1.68;color:#4a4a4a;margin:0}
.StorySection .ImageGrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 0 20px}
.StorySection .ImageGrid img{width:100%;height:240px;object-fit:cover;border-radius:10px;box-shadow:0 4px 14px #1b33501f}
.StorySection .SingleImage{margin:20px 0 0}
.StorySection .SingleImage img{width:100%;height:auto;display:block;border-radius:10px;box-shadow:0 5px 16px #1b335021}
.ValuesWrapper{max-width:1440px;margin:0 auto;padding:0 40px 100px}
.ValuesWrapper .SectionLabel{font-size:.95rem;text-transform:uppercase;letter-spacing:.12em;color:#E25149;font-weight:600;margin:0 0 16px}
.ValuesWrapper .ValuesHeading{font-size:2.5rem;line-height:1.22;font-weight:700;color:#1B3350;margin:0 0 50px;max-width:680px}
.ValuesWrapper .ValueCards{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.ValuesWrapper .ValueCard{background:#fff;padding:38px 32px;border-radius:14px;border:2px solid #E7F7E6;transition:all .3s ease;position:relative;overflow:hidden}
.ValuesWrapper .ValueCard::after{content:'';position:absolute;bottom:0;left:0;right:0;height:0;background:linear-gradient(90deg,#E25149 0%,#E7F7E6 100%);transition:height .3s ease}
.ValuesWrapper .ValueCard:hover{border-color:#E25149;box-shadow:0 8px 24px #e2514929;transform:translateY(-4px)}
.ValuesWrapper .ValueCard:hover::after{height:4px}
.ValuesWrapper .ValueCard .CardIcon{width:52px;height:52px;background:linear-gradient(135deg,#E25149 0%,#c43a33 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 0 22px}
.ValuesWrapper .ValueCard .CardIcon svg{width:28px;height:28px;fill:#fff}
.ValuesWrapper .ValueCard .CardTitle{font-size:1.35rem;font-weight:700;color:#1B3350;margin:0 0 14px}
.ValuesWrapper .ValueCard .CardDescription{font-size:1rem;line-height:1.66;color:#5a5a5a;margin:0}
.TeamShowcase{max-width:1440px;margin:0 auto;padding:90px 40px 100px;background:linear-gradient(160deg,#fff 0%,#fef8f8 50%,#E7F7E6 100%)}
.TeamShowcase .TeamHeading{font-size:2.4rem;line-height:1.24;font-weight:700;color:#1B3350;margin:0 0 18px;text-align:center}
.TeamShowcase .TeamSubtext{font-size:1.1rem;line-height:1.64;color:#4a4a4a;margin:0 0 58px;text-align:center;max-width:740px;margin-left:auto;margin-right:auto}
.TeamShowcase .ProfileCard{max-width:540px;margin:0 auto;background:#fff;border-radius:16px;padding:42px;box-shadow:0 8px 28px #1b335024;display:flex;align-items:center;gap:36px}
.TeamShowcase .ProfileCard .ProfilePicture{flex-shrink:0}
.TeamShowcase .ProfileCard .ProfilePicture img{width:140px;height:140px;border-radius:50%;object-fit:cover;border:4px solid #E7F7E6;box-shadow:0 4px 12px #1b33501a}
.TeamShowcase .ProfileCard .ProfileInfo .ProfileName{font-size:1.5rem;font-weight:700;color:#1B3350;margin:0 0 6px}
.TeamShowcase .ProfileCard .ProfileInfo .ProfileRole{font-size:1.05rem;color:#E25149;font-weight:600;margin:0 0 16px}
.TeamShowcase .ProfileCard .ProfileInfo .ProfileBio{font-size:.98rem;line-height:1.68;color:#5a5a5a;margin:0}
.CtaBlock{max-width:1440px;margin:0 auto;padding:0 40px 110px}
.CtaBlock .CtaInner{background:linear-gradient(128deg,#1B3350 0%,#2a4d6e 100%);border-radius:18px;padding:70px 60px;text-align:center;position:relative;overflow:hidden}
.CtaBlock .CtaInner::before{content:'';position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,#e7f7e626 0%,transparent 70%);border-radius:50%}
.CtaBlock .CtaHeading{font-size:2.3rem;line-height:1.26;font-weight:700;color:#fff;margin:0 0 20px;position:relative}
.CtaBlock .CtaText{font-size:1.1rem;line-height:1.68;color:#E7F7E6;margin:0 0 38px;max-width:680px;margin-left:auto;margin-right:auto;position:relative}
.CtaBlock .CtaButton{display:inline-block;padding:18px 46px;background:linear-gradient(135deg,#E25149 0%,#c43a33 100%);color:#fff;font-size:1.1rem;font-weight:700;text-decoration:none;border-radius:10px;transition:all .3s ease;position:relative;box-shadow:0 6px 20px #e251494d;z-index:2}
.CtaBlock .CtaButton:hover{transform:translateY(-3px);box-shadow:0 10px 30px #e251496b;background:linear-gradient(135deg,#c43a33 0%,#E25149 100%)}
@media (max-width: 1024px) {
.AboutBanner{flex-direction:column;gap:44px;padding:60px 30px 70px}
.AboutBanner .TextColumn,.AboutBanner .ImageColumn{flex:1 1 100%;max-width:100%}
.AboutBanner .MainTitle{font-size:2.4rem}
.StorySection{padding:80px 30px 90px}
.StorySection .GridLayout{grid-template-columns:1fr;gap:50px}
.ValuesWrapper{padding:0 30px 80px}
.ValuesWrapper .ValueCards{grid-template-columns:1fr;gap:28px}
.TeamShowcase{padding:70px 30px 80px}
.TeamShowcase .ProfileCard{flex-direction:column;text-align:center}
.CtaBlock{padding:0 30px 90px}
.CtaBlock .CtaInner{padding:50px 40px}
}
@media (max-width: 768px) {
.AboutBanner{padding:50px 20px 60px}
.AboutBanner .MainTitle{font-size:2rem}
.AboutBanner .IntroText{font-size:1rem}
.StorySection{padding:60px 20px 70px}
.StorySection .SecondaryHeading{font-size:1.8rem}
.StorySection .ImageGrid{grid-template-columns:1fr}
.ValuesWrapper{padding:0 20px 70px}
.ValuesWrapper .ValuesHeading{font-size:2rem}
.TeamShowcase{padding:60px 20px 70px}
.TeamShowcase .TeamHeading{font-size:2rem}
.TeamShowcase .ProfileCard{padding:32px 24px}
.CtaBlock{padding:0 20px 80px}
.CtaBlock .CtaInner{padding:40px 28px}
.CtaBlock .CtaHeading{font-size:1.9rem}
}
.EntrySection{position:relative;min-height:88vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(127deg,#E7F7E6 0%,#fff 45%,#f8f9fa 100%)}
.EntrySection::before{content:'';position:absolute;top:-50%;left:-10%;width:140%;height:200%;background:linear-gradient(142deg,#e2514914 0%,#1b33501f 100%);animation:rotateGradual 25s ease-in-out infinite;z-index:1}
@keyframes rotateGradual {
0%,100%{transform:rotate(0deg)}
50%{transform:rotate(8deg)}
}
.EntrySection .LayerContent{position:relative;z-index:2;max-width:1600px;margin:0 auto;padding:80px 40px;display:grid;grid-template-columns:1.2fr 0.8fr;gap:60px;align-items:center}
.EntrySection .TextModule{display:flex;flex-direction:column;gap:32px}
.EntrySection .MainHeading{font-size:3.8rem;font-weight:700;line-height:1.15;color:#1B3350;margin:0}
.EntrySection .MainHeading .AccentPhrase{color:#E25149;position:relative;display:inline-block}
.EntrySection .MainHeading .AccentPhrase::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#E25149,transparent)}
.EntrySection .SubtitleText{font-size:1.3rem;line-height:1.65;color:#4a5568;max-width:560px}
.EntrySection .ActionGroup{display:flex;gap:20px;margin-top:16px}
.EntrySection .PrimaryButton{padding:16px 36px;background:linear-gradient(135deg,#E25149 0%,#c94139 100%);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:1.05rem;transition:all .3s ease;box-shadow:0 4px 12px #e2514940;border:none;cursor:pointer}
.EntrySection .PrimaryButton:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e2514959}
.EntrySection .SecondaryButton{padding:16px 36px;background:transparent;color:#1B3350;text-decoration:none;border-radius:8px;font-weight:600;font-size:1.05rem;border:2px solid #1B3350;transition:all .3s ease;cursor:pointer}
.EntrySection .SecondaryButton:hover{background:#1B3350;color:#fff}
.EntrySection .VisualHolder{position:relative}
.EntrySection .VisualHolder img{width:100%;height:auto;border-radius:16px;box-shadow:0 12px 40px #1b335026;filter:saturate(1.1) contrast(1.05)}
.ProgressModule{max-width:1600px;margin:0 auto;padding:100px 40px;background:#fff}
.ProgressModule .HeadingArea{text-align:center;margin-bottom:70px}
.ProgressModule .MainTitle{font-size:2.6rem;font-weight:700;color:#1B3350;margin:0 0 18px}
.ProgressModule .DescLine{font-size:1.15rem;color:#64748b;line-height:1.6;max-width:680px;margin:0 auto}
.ProgressModule .LevelGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.ProgressModule .LevelCard{background:linear-gradient(135deg,#f8fafc 0%,#fff 100%);border-radius:12px;padding:40px 32px;border:1px solid #e2e8f0;position:relative;transition:all .35s ease}
.ProgressModule .LevelCard:hover{transform:translateY(-6px);box-shadow:0 12px 32px #1b33501f;border-color:#E25149}
.ProgressModule .LevelCard .LevelLabel{font-size:.9rem;text-transform:uppercase;letter-spacing:1.2px;color:#E25149;font-weight:700;margin-bottom:16px}
.ProgressModule .LevelCard .LevelName{font-size:1.5rem;font-weight:700;color:#1B3350;margin:0 0 16px}
.ProgressModule .LevelCard .LevelInfo{font-size:1rem;color:#64748b;line-height:1.65;margin-bottom:24px}
.ProgressModule .LevelCard .ProgressBar{width:100%;height:8px;background:#e2e8f0;border-radius:10px;overflow:hidden;margin-bottom:12px}
.ProgressModule .LevelCard .ProgressFill{height:100%;background:linear-gradient(90deg,#E25149,#1B3350);border-radius:10px;transition:width .6s ease}
.ProgressModule .LevelCard:nth-child(1) .ProgressFill{width:92%}
.ProgressModule .LevelCard:nth-child(2) .ProgressFill{width:67%}
.ProgressModule .LevelCard:nth-child(3) .ProgressFill{width:38%}
.ProgressModule .LevelCard .ProgressLabel{font-size:.85rem;color:#94a3b8;text-align:right}
.TrialZone{background:linear-gradient(158deg,#1B3350 0%,#2a4a6f 100%);padding:100px 40px;position:relative;overflow:hidden}
.TrialZone::before{content:'';position:absolute;top:-40%;right:-15%;width:600px;height:600px;background:radial-gradient(circle,#e2514926,transparent 70%);border-radius:50%}
.TrialZone .ContentWrapper{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;position:relative;z-index:2}
.TrialZone .InfoSide h2{font-size:2.4rem;font-weight:700;color:#fff;margin:0 0 24px;line-height:1.25}
.TrialZone .InfoSide .DetailText{font-size:1.1rem;color:#cbd5e1;line-height:1.7;margin-bottom:20px}
.TrialZone .InfoSide .FeatureList{list-style:none;padding:0;margin:32px 0}
.TrialZone .InfoSide .FeatureList li{display:flex;align-items:center;gap:16px;margin-bottom:18px;font-size:1.05rem;color:#e2e8f0}
.TrialZone .InfoSide .FeatureList li::before{content:'';width:24px;height:24px;background:#E25149;border-radius:50%;flex-shrink:0;box-shadow:0 0 12px #e2514966}
.TrialZone .FormSide{background:#fff;padding:48px;border-radius:16px;box-shadow:0 16px 48px #0003}
.TrialZone .FormSide h3{font-size:1.8rem;color:#1B3350;margin:0 0 28px;font-weight:700}
.TrialZone .FormSide .FormGroup{margin-bottom:24px}
.TrialZone .FormSide .FormGroup label{display:block;font-size:.95rem;font-weight:600;color:#475569;margin-bottom:8px}
.TrialZone .FormSide .FormGroup input,.TrialZone .FormSide .FormGroup select{width:100%;padding:14px 16px;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem;transition:all .3s ease;box-sizing:border-box}
.TrialZone .FormSide .FormGroup input:focus,.TrialZone .FormSide .FormGroup select:focus{outline:none;border-color:#E25149;box-shadow:0 0 0 3px #e251491a}
.TrialZone .FormSide .SubmitButton{width:100%;padding:16px;background:linear-gradient(135deg,#E25149 0%,#c94139 100%);color:#fff;font-size:1.1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;margin-top:12px}
.TrialZone .SubmitButton:hover{transform:translateY(-2px);box-shadow:0 8px 24px #e251494d}
.BusinessArea{max-width:1600px;margin:0 auto;padding:100px 40px;background:linear-gradient(175deg,#E7F7E6 0%,#fff 100%)}
.BusinessArea .TopSection{text-align:center;margin-bottom:60px}
.BusinessArea .TopSection h2{font-size:2.5rem;font-weight:700;color:#1B3350;margin:0 0 20px}
.BusinessArea .TopSection .IntroText{font-size:1.15rem;color:#64748b;line-height:1.65;max-width:720px;margin:0 auto}
.BusinessArea .SolutionLayout{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.BusinessArea .SolutionBox{background:#fff;padding:44px 36px;border-radius:12px;border-left:4px solid #E25149;box-shadow:0 4px 16px #1b335014;transition:all .35s ease}
.BusinessArea .SolutionBox:hover{transform:translateX(8px);box-shadow:0 8px 28px #1b335024}
.BusinessArea .SolutionBox h3{font-size:1.6rem;color:#1B3350;margin:0 0 18px;font-weight:700}
.BusinessArea .SolutionBox .Description{font-size:1.05rem;color:#64748b;line-height:1.7;margin-bottom:24px}
.BusinessArea .SolutionBox .BenefitsList{list-style:none;padding:0;margin:0}
.BusinessArea .SolutionBox .BenefitsList li{padding-left:28px;margin-bottom:12px;position:relative;font-size:1rem;color:#475569}
.BusinessArea .SolutionBox .BenefitsList li::before{content:'→';position:absolute;left:0;color:#E25149;font-weight:700}
.BusinessArea .SolutionBox img{width:100%;height:220px;object-fit:cover;border-radius:8px;margin-bottom:24px}
.ProblemsSection{background:#fff;padding:100px 40px}
.ProblemsSection .InnerContainer{max-width:1600px;margin:0 auto}
.ProblemsSection .TitleRow{margin-bottom:70px}
.ProblemsSection .TitleRow h2{font-size:2.6rem;font-weight:700;color:#1B3350;margin:0 0 20px}
.ProblemsSection .TitleRow .SubText{font-size:1.15rem;color:#64748b;line-height:1.65}
.ProblemsSection .ChallengeGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.ProblemsSection .ChallengeCard{background:linear-gradient(135deg,#f8fafc 0%,#fff 100%);padding:40px 32px;border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease;position:relative}
.ProblemsSection .ChallengeCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#E25149,#1B3350);border-radius:4px;transition:height .3s ease}
.ProblemsSection .ChallengeCard:hover::before{height:100%}
.ProblemsSection .ChallengeCard:hover{box-shadow:0 8px 24px #1b33501f;transform:translateY(-4px)}
.ProblemsSection .ChallengeCard .ProblemTitle{font-size:1.4rem;font-weight:700;color:#1B3350;margin:0 0 16px}
.ProblemsSection .ChallengeCard .ProblemDesc{font-size:1rem;color:#64748b;line-height:1.7;margin-bottom:20px}
.ProblemsSection .ChallengeCard .SolutionTitle{font-size:1.1rem;font-weight:700;color:#E25149;margin:20px 0 12px}
.ProblemsSection .ChallengeCard .SolutionDesc{font-size:.95rem;color:#475569;line-height:1.65}
.ProblemsSection .ChallengeCard img{width:100%;height:200px;object-fit:cover;border-radius:8px;margin-bottom:20px}
.EventsActivity{background:linear-gradient(162deg,#1B3350 0%,#2a4a6f 100%);padding:100px 40px;position:relative;overflow:hidden}
.EventsActivity::after{content:'';position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#e7f7e614,transparent 65%);border-radius:50%}
.EventsActivity .WrapperContent{max-width:1600px;margin:0 auto;position:relative;z-index:2}
.EventsActivity .HeaderPart{text-align:center;margin-bottom:60px}
.EventsActivity .HeaderPart h2{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 20px}
.EventsActivity .HeaderPart .IntroDescription{font-size:1.15rem;color:#cbd5e1;line-height:1.7;max-width:700px;margin:0 auto}
.EventsActivity .EventsDisplay{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.EventsActivity .EventBlock{background:#fffffff2;padding:36px 32px;border-radius:12px;box-shadow:0 8px 24px #00000026;transition:all .35s ease}
.EventsActivity .EventBlock:hover{transform:translateY(-6px);box-shadow:0 12px 36px #00000040}
.EventsActivity .EventBlock .EventTag{display:inline-block;padding:6px 14px;background:#E7F7E6;color:#E25149;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;border-radius:6px;margin-bottom:16px}
.EventsActivity .EventBlock .EventTitle{font-size:1.6rem;font-weight:700;color:#1B3350;margin:0 0 16px}
.EventsActivity .EventBlock .EventDetails{font-size:1.05rem;color:#64748b;line-height:1.7;margin-bottom:24px}
.EventsActivity .EventBlock .EventMeta{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid #e2e8f0}
.EventsActivity .EventBlock .MetaInfo{font-size:.9rem;color:#94a3b8}
.EventsActivity .EventBlock .EventLink{color:#E25149;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease}
.EventsActivity .EventBlock .EventLink:hover{color:#1B3350}
.EventsActivity .CtaSection{text-align:center;margin-top:60px}
.EventsActivity .CtaSection .CtaButton{display:inline-block;padding:18px 48px;background:#E25149;color:#fff;text-decoration:none;border-radius:8px;font-weight:700;font-size:1.1rem;transition:all .3s ease;box-shadow:0 6px 20px #e251494d}
.EventsActivity .CtaSection .CtaButton:hover{background:#c94139;transform:translateY(-3px);box-shadow:0 10px 30px #e2514966}
@media (max-width: 1024px) {
.EntrySection .LayerContent{grid-template-columns:1fr;gap:50px}
.EntrySection .MainHeading{font-size:3rem}
.ProgressModule .LevelGrid{grid-template-columns:1fr}
.TrialZone .ContentWrapper{grid-template-columns:1fr;gap:50px}
.BusinessArea .SolutionLayout{grid-template-columns:1fr}
.ProblemsSection .ChallengeGrid{grid-template-columns:1fr}
.EventsActivity .EventsDisplay{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.EntrySection .LayerContent{padding:60px 24px}
.EntrySection .MainHeading{font-size:2.2rem}
.EntrySection .SubtitleText{font-size:1.1rem}
.EntrySection .ActionGroup{flex-direction:column;gap:14px}
.EntrySection .PrimaryButton,.EntrySection .SecondaryButton{width:100%;text-align:center}
.ProgressModule,.BusinessArea,.ProblemsSection,.EventsActivity,.TrialZone{padding:70px 24px}
.ProgressModule .MainTitle,.BusinessArea .TopSection h2,.ProblemsSection .TitleRow h2,.EventsActivity .HeaderPart h2{font-size:2rem}
.TrialZone .FormSide{padding:32px 24px}
}
.PageHeader{padding:6rem 1.5rem 4rem;background:linear-gradient(138deg,#E7F7E6 0%,#fff 55%);position:relative;overflow:hidden}
.PageHeader .HeaderInner{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.PageHeader .TextColumn{padding-right:2rem}
.PageHeader .MainTitle{font-size:3.2rem;line-height:1.15;color:#1B3350;margin:0 0 2.5rem;font-weight:700}
.PageHeader .LeadParagraph{font-size:1.125rem;line-height:1.7;color:#4a5568;margin:0}
.PageHeader .ImageColumn{position:relative;height:420px}
.PageHeader .GeometricClip{width:100%;height:100%;clip-path:polygon(15% 0%,100% 0%,100% 85%,85% 100%,0% 100%,0% 15%);background:linear-gradient(125deg,#e2514926 0%,#1b335033 100%);position:relative;overflow:hidden}
.PageHeader .GeometricClip::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#E25149 0%,transparent 70%);opacity:.08}
.PageHeader .GeometricClip::after{content:'';position:absolute;bottom:10%;right:15%;width:180px;height:180px;background:radial-gradient(circle,#e7f7e699 0%,transparent 70%);border-radius:50%}
.ContactSection{padding:5rem 1.5rem;background:#fff}
.ContactSection .SectionContainer{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:5rem;align-items:start}
.ContactSection .FormArea{background:linear-gradient(155deg,#f8f9fa 0%,#E7F7E6 100%);padding:3rem;border-radius:8px;box-shadow:0 4px 12px #1b335014}
.ContactSection .FormTitle{font-size:1.8rem;color:#1B3350;margin:0 0 1.5rem;font-weight:600}
.ContactSection .FormDescription{font-size:1rem;line-height:1.6;color:#5a6c7d;margin:0 0 2rem}
.ContactSection .ContactForm{display:flex;flex-direction:column;gap:1.5rem}
.ContactSection .FormGroup{display:flex;flex-direction:column;gap:.5rem}
.ContactSection .FieldLabel{font-size:.95rem;font-weight:600;color:#1B3350}
.ContactSection .TextInput{padding:.875rem 1rem;border:2px solid #e0e6ed;border-radius:6px;font-size:1rem;background:#fff;transition:all .3s ease}
.ContactSection .TextInput:focus{outline:none;border-color:#E25149;box-shadow:0 0 0 3px #e251491a}
.ContactSection .SelectWrapper{position:relative}
.ContactSection .SelectDropdown{width:100%;padding:.875rem 2.5rem .875rem 1rem;border:2px solid #e0e6ed;border-radius:6px;font-size:1rem;background:#fff;cursor:pointer;appearance:none;transition:all .3s ease}
.ContactSection .SelectWrapper::after{content:'▼';position:absolute;right:1rem;top:50%;transform:translateY(-50%);pointer-events:none;color:#1B3350;font-size:.75rem}
.ContactSection .SelectDropdown:focus{outline:none;border-color:#E25149;box-shadow:0 0 0 3px #e251491a}
.ContactSection .RadioGrouping{display:flex;flex-direction:column;gap:.75rem}
.ContactSection .RadioOption{display:flex;align-items:center;gap:.625rem}
.ContactSection .RadioInput{width:18px;height:18px;accent-color:#E25149;cursor:pointer}
.ContactSection .RadioLabel{font-size:.95rem;color:#4a5568;cursor:pointer}
.ContactSection .PrivacyCheckbox{display:flex;align-items:start;gap:.625rem;margin-top:.5rem}
.ContactSection .CheckboxInput{width:18px;height:18px;margin-top:.125rem;accent-color:#E25149;cursor:pointer;flex-shrink:0}
.ContactSection .PrivacyText{font-size:.875rem;line-height:1.5;color:#5a6c7d}
.ContactSection .PrivacyText a{color:#E25149;text-decoration:underline;transition:color .2s ease}
.ContactSection .PrivacyText a:hover{color:#c74139}
.ContactSection .SubmitButton{padding:1rem 2.5rem;background:linear-gradient(135deg,#E25149 0%,#c74139 100%);color:#fff;border:none;border-radius:6px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #e2514940;margin-top:.5rem}
.ContactSection .SubmitButton:hover{transform:translateY(-2px);box-shadow:0 6px 16px #e2514959}
.ContactSection .InfoArea{display:flex;flex-direction:column;gap:2.5rem}
.ContactSection .InfoBlock{background:linear-gradient(140deg,#1B3350 0%,#2d4a6b 100%);padding:2.5rem;border-radius:8px;color:#fff;position:relative;overflow:hidden}
.ContactSection .InfoBlock::before{content:'';position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:radial-gradient(circle,#e2514926 0%,transparent 70%);border-radius:50%}
.ContactSection .InfoTitle{font-size:1.4rem;margin:0 0 1.25rem;font-weight:600;position:relative;z-index:1}
.ContactSection .InfoList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem;position:relative;z-index:1}
.ContactSection .InfoItem{display:flex;align-items:start;gap:.875rem;font-size:1rem;line-height:1.6;color:#E7F7E6}
.ContactSection .InfoIcon{width:24px;height:24px;flex-shrink:0;margin-top:.125rem}
.ContactSection .InfoLink{color:#E7F7E6;text-decoration:none;transition:color .2s ease}
.ContactSection .InfoLink:hover{color:#fff;text-decoration:underline}
.ContactSection .DirectionsBlock{background:#f8f9fa;padding:2rem;border-radius:8px;border-left:4px solid #E25149}
.ContactSection .DirectionsTitle{font-size:1.2rem;color:#1B3350;margin:0 0 1rem;font-weight:600}
.ContactSection .DirectionsText{font-size:.95rem;line-height:1.7;color:#4a5568;margin:0}
@media (max-width: 1024px) {
.PageHeader .HeaderInner{grid-template-columns:1fr;gap:3rem}
.PageHeader .TextColumn{padding-right:0}
.PageHeader .ImageColumn{height:320px}
.ContactSection .SectionContainer{grid-template-columns:1fr;gap:3rem}
}
@media (max-width: 768px) {
.PageHeader{padding:4rem 1.25rem 3rem}
.PageHeader .MainTitle{font-size:2.4rem;margin-bottom:1.75rem}
.PageHeader .LeadParagraph{font-size:1rem}
.PageHeader .ImageColumn{height:280px}
.ContactSection{padding:3.5rem 1.25rem}
.ContactSection .FormArea{padding:2rem}
.ContactSection .FormTitle{font-size:1.5rem}
.ContactSection .InfoBlock{padding:2rem}
}
.LectureLanding{background:linear-gradient(162deg,#E7F7E6 0%,#fff 45%,#E7F7E6 100%);padding:0;margin:0}
.HeroBlock{max-width:1600px;margin:0 auto;padding:80px 24px 60px;display:grid;grid-template-columns:1fr 380px;gap:60px;align-items:center;position:relative}
.HeroBlock::before{content:'';position:absolute;top:30px;left:-50px;width:120px;height:120px;background:linear-gradient(135deg,#e2514914 0%,#e7f7e626 100%);border-radius:50%;z-index:0}
.HeroBlock::after{content:'';position:absolute;bottom:40px;right:-30px;width:90px;height:90px;background:#1b33500d;border-radius:12px;transform:rotate(25deg);z-index:0}
.LeftTextZone{position:relative;z-index:1}
.TopLineLabel{display:inline-block;padding:8px 18px;background:linear-gradient(90deg,#e251491f 0%,#e7f7e633 100%);border-radius:20px;font-size:14px;font-weight:600;color:#1B3350;margin-bottom:20px;letter-spacing:.3px}
.MainTitleHero{font-size:54px;font-weight:700;color:#1B3350;line-height:1.15;margin:0 0 24px;position:relative}
.MainTitleHero::after{content:'';position:absolute;bottom:-10px;left:0;width:140px;height:4px;background:linear-gradient(90deg,#E25149 0%,#e251494d 100%);border-radius:2px}
.DescriptiveText{font-size:17px;line-height:1.7;color:#4a5568;margin:28px 0 36px;max-width:580px}
.CTAButtonMain{display:inline-block;padding:16px 36px;background:linear-gradient(135deg,#E25149 0%,#c74239 100%);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:16px;transition:all .3s ease;box-shadow:0 4px 12px #e2514940;position:relative;z-index:10}
.CTAButtonMain:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e2514959}
.ImageHolderRight{position:relative;z-index:1}
.ImageHolderRight img{width:100%;height:460px;object-fit:cover;border-radius:16px;box-shadow:0 12px 32px #1b33502e}
.PatternDots{position:absolute;top:-20px;right:-20px;width:100px;height:100px;opacity:.4}
.PatternDots circle{fill:#E25149}
.ThematicStructure{max-width:1600px;margin:0 auto;padding:90px 24px;background:#fff}
.IntroHeader{text-align:center;margin-bottom:64px}
.SectionLabel{font-size:15px;font-weight:600;color:#E25149;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:16px}
.BigHeading{font-size:42px;font-weight:700;color:#1B3350;margin:0 0 20px;line-height:1.2}
.UnderText{font-size:17px;line-height:1.65;color:#5a6c7d;max-width:720px;margin:0 auto}
.ModuleGridBox{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:50px}
.SingleModuleCard{background:linear-gradient(145deg,#fff 0%,#f8fffe 100%);border:2px solid transparent;border-radius:14px;padding:36px 28px;transition:all .35s ease;position:relative;overflow:hidden}
.SingleModuleCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#E25149 0%,#1B3350 100%);transform:scaleX(0);transition:transform .4s ease;transform-origin:left}
.SingleModuleCard:hover{border-color:#e2514940;box-shadow:0 8px 24px #1b33501f;transform:translateY(-4px)}
.SingleModuleCard:hover::before{transform:scaleX(1)}
.IconCircleModule{width:56px;height:56px;background:linear-gradient(135deg,#e251491a 0%,#e7f7e64d 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.ModuleTitle{font-size:22px;font-weight:700;color:#1B3350;margin:0 0 14px}
.ModuleDescription{font-size:15px;line-height:1.65;color:#5a6c7d;margin:0 0 18px}
.TopicList{list-style:none;padding:0;margin:0}
.TopicList li{font-size:14px;color:#4a5568;padding:8px 0 8px 24px;position:relative;line-height:1.5}
.TopicList li::before{content:'';position:absolute;left:0;top:14px;width:6px;height:6px;background:#E25149;border-radius:50%}
.TestimonialZone{background:linear-gradient(175deg,#1B3350 0%,#2a4a6b 100%);padding:90px 24px;position:relative;overflow:hidden}
.TestimonialZone::before{content:'';position:absolute;top:-60px;right:-80px;width:300px;height:300px;background:radial-gradient(circle,#e2514926 0%,transparent 70%);border-radius:50%}
.TestimonialZone::after{content:'';position:absolute;bottom:-100px;left:-100px;width:350px;height:350px;background:radial-gradient(circle,#e7f7e614 0%,transparent 70%);border-radius:50%}
.TestimonialContainer{max-width:1600px;margin:0 auto;position:relative;z-index:1}
.TestimonialHeader{text-align:center;margin-bottom:60px}
.TestimonialHeader h2{font-size:38px;font-weight:700;color:#fff;margin:0 0 18px}
.TestimonialHeader p{font-size:17px;color:#fffc;max-width:640px;margin:0 auto;line-height:1.6}
.ReviewGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.SingleReviewCard{background:#fffffff2;border-radius:16px;padding:32px;box-shadow:0 8px 24px #00000026;transition:transform .3s ease}
.SingleReviewCard:hover{transform:translateY(-6px)}
.ReviewerProfile{display:flex;align-items:center;gap:16px;margin-bottom:22px}
.ReviewerAvatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid #E7F7E6}
.ReviewerInfo h4{font-size:18px;font-weight:700;color:#1B3350;margin:0 0 4px}
.ReviewerInfo p{font-size:14px;color:#5a6c7d;margin:0}
.ReviewText{font-size:15px;line-height:1.7;color:#4a5568;margin:0 0 18px}
.StarRating{display:flex;gap:4px}
.StarRating svg{width:18px;height:18px}
@media (max-width: 1024px) {
.HeroBlock{grid-template-columns:1fr;gap:40px;padding:60px 24px}
.MainTitleHero{font-size:42px}
.ImageHolderRight img{height:380px}
.ModuleGridBox{grid-template-columns:repeat(2,1fr);gap:28px}
.ReviewGrid{grid-template-columns:repeat(2,1fr);gap:28px}
}
@media (max-width: 768px) {
.HeroBlock{padding:40px 20px}
.MainTitleHero{font-size:34px}
.DescriptiveText{font-size:16px}
.ImageHolderRight img{height:320px}
.ModuleGridBox{grid-template-columns:1fr;gap:24px}
.BigHeading{font-size:32px}
.ReviewGrid{grid-template-columns:1fr;gap:24px}
.ThematicStructure,.TestimonialZone{padding:60px 20px}
}
.EventsHero{position:relative;overflow:hidden;padding:90px 20px 80px;background:linear-gradient(142deg,#E7F7E6 0%,#fff 45%,#E7F7E6 100%)}
.EventsHero::before{content:'';position:absolute;top:-50%;left:-10%;width:60%;height:200%;background:linear-gradient(165deg,#e2514914 0%,transparent 70%);transform:rotate(-12deg);pointer-events:none}
.EventsHero::after{content:'';position:absolute;bottom:-40%;right:-15%;width:50%;height:180%;background:linear-gradient(205deg,#1b33500f 0%,transparent 65%);transform:rotate(18deg);pointer-events:none}
.EventsHero .MainContent{max-width:1600px;margin:0 auto;position:relative;z-index:2}
.EventsHero .TitleStack{display:grid;grid-template-columns:1fr;gap:60px;align-items:center}
.EventsHero .TextSection{background:#ffffffbf;padding:50px 40px;border-radius:16px;box-shadow:0 8px 24px #1b335014;backdrop-filter:blur(8px);border:1px solid #1b335014}
.EventsHero .MainTitle{font-size:3.2rem;font-weight:700;color:#1B3350;margin:0 0 24px;line-height:1.15;position:relative;padding-left:18px}
.EventsHero .MainTitle::before{content:'';position:absolute;left:0;top:8px;bottom:8px;width:5px;background:linear-gradient(180deg,#E25149 0%,#1B3350 100%);border-radius:3px}
.EventsHero .IntroText{font-size:1.15rem;line-height:1.7;color:#1B3350;margin:0 0 28px;opacity:.85}
.EventsHero .DescText{font-size:1.05rem;line-height:1.65;color:#1B3350;margin:0;opacity:.75}
.EventsHero .VisualSection{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:30px}
.EventsHero .ImageCard{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 12px 32px #1b335026;transform:translateY(0);transition:transform .4s ease,box-shadow .4s ease}
.EventsHero .ImageCard:hover{transform:translateY(-8px);box-shadow:0 16px 40px #1b335038}
.EventsHero .ImageCard:first-child{grid-column:1 / 2;margin-top:40px}
.EventsHero .ImageCard:last-child{grid-column:2 / 3}
.EventsHero .ImageCard img{width:100%;height:420px;object-fit:cover;display:block;filter:brightness(0.95) contrast(1.05)}
.EventsHero .ImageOverlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,#1b335040 100%);pointer-events:none}
.EventScheduleArea{padding:100px 20px;background:linear-gradient(225deg,#fff 0%,#E7F7E6 50%,#fff 100%);position:relative}
.EventScheduleArea::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:90%;height:2px;background:linear-gradient(90deg,transparent 0%,#e251494d 50%,transparent 100%)}
.EventScheduleArea .ContentWrapper{max-width:1600px;margin:0 auto}
.EventScheduleArea .SectionHeader{text-align:center;margin-bottom:70px}
.EventScheduleArea .SectionTitle{font-size:2.6rem;font-weight:700;color:#1B3350;margin:0 0 20px;line-height:1.2;position:relative;display:inline-block}
.EventScheduleArea .SectionTitle::after{content:'';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#E25149 0%,#1B3350 100%);border-radius:2px}
.EventScheduleArea .SectionSubtext{font-size:1.1rem;color:#1B3350;opacity:.7;margin:24px 0 0;line-height:1.6}
.EventScheduleArea .EventGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:40px;margin-bottom:60px}
.EventCard{background:#fff;border-radius:14px;padding:0;box-shadow:0 6px 20px #1b33501a;border:2px solid transparent;transition:all .35s ease;position:relative;overflow:hidden}
.EventCard::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#E25149 0%,#1B3350 100%);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.EventCard:hover{border-color:#e251494d;box-shadow:0 12px 32px #1b33502e;transform:translateY(-5px)}
.EventCard:hover::before{transform:scaleX(1)}
.EventCard .CardHeader{padding:32px 32px 24px;border-bottom:1px solid #1b335014}
.EventCard .EventStatus{display:inline-block;padding:6px 16px;background:linear-gradient(135deg,#E7F7E6 0%,#e251491a 100%);color:#E25149;font-size:.85rem;font-weight:600;border-radius:20px;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}
.EventCard .EventTitle{font-size:1.5rem;font-weight:700;color:#1B3350;margin:0 0 12px;line-height:1.3}
.EventCard .EventDate{font-size:.95rem;color:#1B3350;opacity:.65;margin:0;display:flex;align-items:center;gap:8px}
.EventCard .EventDate::before{content:'';width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E25149' stroke-width='2'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") center/contain no-repeat}
.EventCard .CardBody{padding:24px 32px}
.EventCard .EventDescription{font-size:1rem;line-height:1.65;color:#1B3350;opacity:.75;margin:0 0 20px}
.EventCard .EventMeta{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}
.EventCard .MetaItem{display:flex;align-items:center;gap:10px;font-size:.95rem;color:#1B3350;opacity:.7}
.EventCard .MetaIcon{width:20px;height:20px;flex-shrink:0}
.EventCard .CardFooter{padding:0 32px 32px}
.EventCard .RegisterButton{display:inline-block;width:100%;padding:14px 28px;background:linear-gradient(135deg,#E25149 0%,#1B3350 100%);color:#fff;font-size:1rem;font-weight:600;text-align:center;text-decoration:none;border-radius:8px;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #e2514940}
.EventCard .RegisterButton:hover{transform:translateY(-2px);box-shadow:0 8px 20px #e2514959;background:linear-gradient(135deg,#1B3350 0%,#E25149 100%)}
.EventCard .RegisterButton:active{transform:translateY(0)}
.ProfileShowcase{display:grid;grid-template-columns:280px 1fr;gap:50px;align-items:start;background:linear-gradient(135deg,#e7f7e666 0%,#fff9 100%);padding:50px;border-radius:16px;box-shadow:0 8px 24px #1b335014}
.ProfileShowcase .ProfileImage{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 10px 28px #1b335026}
.ProfileShowcase .ProfileImage img{width:100%;height:350px;object-fit:cover;display:block}
.ProfileShowcase .ProfileInfo{padding-top:10px}
.ProfileShowcase .ProfileName{font-size:1.8rem;font-weight:700;color:#1B3350;margin:0 0 10px;line-height:1.2}
.ProfileShowcase .ProfileRole{font-size:1.05rem;color:#E25149;font-weight:600;margin:0 0 24px}
.ProfileShowcase .ProfileBio{font-size:1.05rem;line-height:1.7;color:#1B3350;opacity:.8;margin:0 0 20px}
.ProfileShowcase .ProfileDetails{font-size:1rem;line-height:1.65;color:#1B3350;opacity:.75;margin:0}
@media (max-width: 1024px) {
.EventsHero .TitleStack{gap:50px}
.EventsHero .MainTitle{font-size:2.6rem}
.EventsHero .VisualSection{grid-template-columns:1fr}
.EventsHero .ImageCard:first-child{margin-top:0;grid-column:1 / 2}
.EventsHero .ImageCard:last-child{grid-column:1 / 2}
.EventScheduleArea .EventGrid{grid-template-columns:1fr}
.ProfileShowcase{grid-template-columns:1fr;gap:35px}
.ProfileShowcase .ProfileImage{max-width:320px;margin:0 auto}
}
@media (max-width: 768px) {
.EventsHero{padding:60px 20px 50px}
.EventsHero .MainTitle{font-size:2.2rem}
.EventsHero .TextSection{padding:35px 28px}
.EventsHero .ImageCard img{height:320px}
.EventScheduleArea{padding:70px 20px}
.EventScheduleArea .SectionTitle{font-size:2.1rem}
.EventScheduleArea .EventGrid{gap:30px}
.ProfileShowcase{padding:35px 25px}
.ProfileShowcase .ProfileImage img{height:300px}
}
.SuccessWrapper{background:linear-gradient(162deg,#E7F7E6 0%,#fff 45%,#E7F7E6 100%);padding:0;margin:0}
.ConfirmSection{max-width:1600px;margin:0 auto;padding:80px 24px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative}
.ConfirmSection::before{content:'';position:absolute;top:40px;left:40px;width:120px;height:120px;background:radial-gradient(circle,#E25149 2px,transparent 2px);background-size:12px 12px;opacity:.15;border-radius:8px}
.ConfirmSection::after{content:'';position:absolute;bottom:40px;right:40px;width:100px;height:100px;background:radial-gradient(circle,#1B3350 2px,transparent 2px);background-size:10px 10px;opacity:.12;border-radius:8px}
.TextSide{z-index:2;position:relative}
.TextSide h1{font-size:3rem;color:#1B3350;margin:0 0 32px;line-height:1.2;font-weight:700}
.DialogBox{background:#fff;padding:32px;border-radius:16px;box-shadow:0 4px 12px #1b335014;margin-bottom:24px;border-left:4px solid #E25149}
.DialogBox .Question{font-size:1.15rem;color:#E25149;font-weight:600;margin:0 0 16px}
.DialogBox .Answer{font-size:1.05rem;color:#1B3350;line-height:1.7;margin:0}
.ProgressSteps{display:flex;flex-direction:column;gap:20px;margin-top:40px}
.StepRow{display:flex;align-items:center;gap:16px}
.StepNum{width:48px;height:48px;background:linear-gradient(135deg,#E25149 0%,#d84740 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem;flex-shrink:0;box-shadow:0 3px 8px #e2514940}
.StepText{font-size:1.05rem;color:#1B3350;line-height:1.5}
.VisualSide{display:flex;align-items:center;justify-content:center;position:relative}
.CheckmarkCircle{width:280px;height:280px;background:linear-gradient(135deg,#E7F7E6 0%,#d5efd3 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 24px #1b33501f}
.CheckmarkCircle::before{content:'';position:absolute;inset:-20px;border:3px dashed #E25149;border-radius:50%;opacity:.3}
.CheckmarkCircle svg{width:140px;height:140px;stroke:#E25149;stroke-width:4;fill:none;stroke-linecap:round;stroke-linejoin:round}
.InfoBlock{max-width:1600px;margin:0 auto;padding:80px 24px;background:#fff}
.ContentGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.InfoCard{background:linear-gradient(135deg,#E7F7E6 0%,#fff 100%);padding:40px 32px;border-radius:20px;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}
.InfoCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#E25149 0%,#1B3350 100%)}
.InfoCard:hover{transform:translateY(-6px);box-shadow:0 12px 28px #1b335026}
.InfoCard h3{font-size:1.5rem;color:#1B3350;margin:0 0 16px;font-weight:700}
.InfoCard h3::before{content:'';display:inline-block;width:8px;height:8px;background:#E25149;border-radius:50%;margin-right:12px;vertical-align:middle}
.InfoCard p{font-size:1.05rem;color:#1B3350;line-height:1.7;margin:0 0 20px}
.TimelineRow{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.TimelineDot{width:12px;height:12px;background:#E25149;border-radius:50%;flex-shrink:0}
.TimelineText{font-size:.95rem;color:#1B3350;line-height:1.5}
.ActionBtn{display:inline-block;background:linear-gradient(135deg,#E25149 0%,#d84740 100%);color:#fff;padding:16px 40px;border-radius:12px;text-decoration:none;font-weight:600;font-size:1.1rem;margin-top:40px;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 6px 16px #e251494d;cursor:pointer}
.ActionBtn:hover{transform:scale(1.05);box-shadow:0 8px 20px #e2514966}
@media (max-width: 1024px) {
.ConfirmSection{grid-template-columns:1fr;gap:48px;padding:60px 24px}
.TextSide h1{font-size:2.5rem}
.ContentGrid{grid-template-columns:1fr;gap:24px}
.CheckmarkCircle{width:220px;height:220px}
.CheckmarkCircle svg{width:110px;height:110px}
}
@media (max-width: 768px) {
.ConfirmSection{padding:48px 20px}
.TextSide h1{font-size:2rem}
.DialogBox{padding:24px}
.DialogBox .Question{font-size:1.05rem}
.DialogBox .Answer{font-size:1rem}
.StepNum{width:40px;height:40px;font-size:1.05rem}
.StepText{font-size:.95rem}
.InfoBlock{padding:60px 20px}
.InfoCard{padding:32px 24px}
.InfoCard h3{font-size:1.3rem}
.CheckmarkCircle{width:180px;height:180px}
.CheckmarkCircle svg{width:90px;height:90px}
.ConfirmSection::before,.ConfirmSection::after{width:80px;height:80px}
}