*,::before,::after{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Exo 2',sans-serif;font-size:16px;line-height:1.6;color:#2a2a2a;background:linear-gradient(162deg,#fff 0%,#f8f8f8 100%);scroll-behavior:smooth}
h1,h2,h3,h4,h5,h6{font-family:'IBM Plex Serif',serif;font-weight:700;line-height:1.3}
a{text-decoration:none;color:inherit;transition:color 180ms ease}
img{max-width:100%;height:auto;display:block}
.SiteHeader{background:linear-gradient(148deg,#FEF7D0 0%,#fff 100%);padding:28px 0;box-shadow:0 6px 18px #bb154314}
.SiteHeader .HeaderContainer{max-width:1320px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:280px 1fr;gap:48px;align-items:center}
.SiteHeader .BrandColumn{display:flex;align-items:center}
.SiteHeader .LogoStack{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.SiteHeader .CompanyLogo{width:92px;height:92px;object-fit:contain;background:#fff9;padding:8px;border-radius:8px;box-shadow:0 3px 12px #235d1a1f}
.SiteHeader .CompanyTitle{font-family:'IBM Plex Serif',serif;font-size:22px;font-weight:700;color:#235D1A;letter-spacing:-.3px}
.SiteHeader .NavigationColumn{display:flex;flex-direction:column;gap:18px;align-items:flex-end}
.SiteHeader .MainNav{display:flex;gap:32px;align-items:center}
.SiteHeader .NavLink{font-size:16px;font-weight:600;color:#2a2a2a;padding:8px 12px;border-radius:6px;transition:background 150ms ease,color 150ms ease}
.SiteHeader .NavLink:hover{background:#bb154314;color:#BB1543}
.SiteHeader .ContactBlock{display:flex;gap:24px;align-items:center}
.SiteHeader .ContactItem{display:flex;align-items:center;gap:6px;font-size:14px;color:#4a4a4a}
.SiteHeader .ContactItem .mdi{font-size:18px;color:#235D1A}
.SiteHeader .ContactItem a{transition:color 140ms ease}
.SiteHeader .ContactItem a:hover{color:#BB1543}
.SiteFooter{background:linear-gradient(155deg,#235D1A 0%,#1a4513 100%);color:#fff;padding:48px 0 24px;margin-top:80px}
.SiteFooter .FooterContainer{max-width:1320px;margin:0 auto;padding:0 20px}
.SiteFooter .FooterTopRow{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px;padding-bottom:32px;border-bottom:1px solid #fef7d033}
.SiteFooter .FooterBrand .FooterCompanyName{font-size:24px;margin-bottom:12px;color:#FEF7D0}
.SiteFooter .FooterBrand .FooterDescription{font-size:14px;line-height:1.7;color:#ffffffd9;max-width:380px}
.SiteFooter .FooterNav .FooterNavTitle,.SiteFooter .FooterContact .FooterContactTitle{font-size:16px;font-weight:700;margin-bottom:16px;color:#FEF7D0}
.SiteFooter .FooterLink{display:block;font-size:14px;padding:6px 0;color:#ffffffd9;border-bottom:1px solid transparent;transition:border-color 160ms ease,color 160ms ease;width:fit-content}
.SiteFooter .FooterLink:hover{color:#FEF7D0;border-bottom-color:#FEF7D0}
.SiteFooter .FooterAddress{font-size:14px;line-height:1.8;color:#ffffffd9}
.SiteFooter .FooterBottomRow{padding-top:24px;text-align:center}
.SiteFooter .CopyrightText{font-size:13px;color:#ffffffb3}
.CookieModal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000a6;display:none;align-items:center;justify-content:center;z-index:9999;animation:fadeModalIn 320ms ease}
.CookieModal.show{display:flex}
@keyframes fadeModalIn {
from{opacity:0}
to{opacity:1}
}
.CookieModal .CookieContent{background:#fff;padding:36px;border-radius:8px;max-width:540px;width:90%;box-shadow:0 12px 42px #00000040;transform:translateX(-100%);animation:slideModalIn 420ms ease forwards}
@keyframes slideModalIn {
to{transform:translateX(0)}
}
.CookieModal.hide .CookieContent{animation:slideModalOut 360ms ease forwards}
@keyframes slideModalOut {
to{transform:translateX(-100%)}
}
.CookieModal .CookieTitle{font-size:22px;margin-bottom:14px;color:#235D1A}
.CookieModal .CookieDescription{font-size:14px;line-height:1.7;margin-bottom:22px;color:#4a4a4a}
.CookieModal .CookieCategories{margin-bottom:24px;padding:18px;background:#f8f8f8;border-radius:6px}
.CookieModal .CookieCategory{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:14px;cursor:pointer}
.CookieModal .CookieCategory:last-child{margin-bottom:0}
.CookieModal .CookieCategory input[type="checkbox"]{width:18px;height:18px;cursor:pointer}
.CookieModal .CookieActions{display:flex;gap:12px;flex-wrap:wrap}
.CookieModal .CookieBtn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background 140ms ease,color 140ms ease}
.CookieModal .AcceptBtn{background:#235D1A;color:#fff}
.CookieModal .AcceptBtn:hover{background:#1a4513}
.CookieModal .DeclineBtn{background:transparent;color:#BB1543;border:1px solid #BB1543}
.CookieModal .DeclineBtn:hover{background:#bb154314}
.CookieModal .CustomizeBtn,.CookieModal .SaveBtn{background:transparent;color:#235D1A;text-decoration:underline}
.CookieModal .CustomizeBtn:hover,.CookieModal .SaveBtn:hover{color:#1a4513}
@media (max-width: 968px) {
.SiteHeader .HeaderContainer{grid-template-columns:1fr;gap:28px}
.SiteHeader .NavigationColumn{align-items:flex-start}
.SiteHeader .MainNav{flex-wrap:wrap;gap:18px}
.SiteHeader .ContactBlock{flex-direction:column;align-items:flex-start;gap:12px}
.SiteFooter .FooterTopRow{grid-template-columns:1fr;gap:32px}
}
@media (max-width: 580px) {
.SiteHeader .MainNav{flex-direction:column;align-items:flex-start;gap:12px;width:100%}
.SiteHeader .NavLink{width:100%}
.CookieModal .CookieActions{flex-direction:column}
.CookieModal .CookieBtn{width:100%}
}
.policy-container{max-width:1320px;margin:0 auto;padding:80px 24px 120px;background:linear-gradient(167deg,#fff 0%,#fefefe 100%)}
.policy-container h1{font-size:2.8rem;line-height:1.2;color:#1a1a1a;margin:0 0 16px;font-weight:700;letter-spacing:-.02em}
.policy-container h2{font-size:2rem;line-height:1.3;color:#2a2a2a;margin:64px 0 20px;font-weight:600;border-bottom:3px solid #BB1543;padding-bottom:12px}
.policy-container h3{font-size:1.5rem;line-height:1.4;color:#3a3a3a;margin:48px 0 16px;font-weight:600}
.policy-container h4{font-size:1.25rem;line-height:1.4;color:#4a4a4a;margin:36px 0 14px;font-weight:600}
.policy-container h5{font-size:1.1rem;line-height:1.5;color:#5a5a5a;margin:28px 0 12px;font-weight:600}
.policy-container h6{font-size:1rem;line-height:1.5;color:#6a6a6a;margin:24px 0 10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.policy-container p{font-size:1.05rem;line-height:1.75;color:#333;margin:0 0 20px}
.policy-container strong,.policy-container b{font-weight:600;color:#1a1a1a}
.policy-container em,.policy-container i{font-style:italic;color:#2a2a2a}
.policy-container a{color:#BB1543;text-decoration:none;border-bottom:2px solid transparent;transition:border-color 180ms ease,color 180ms ease;font-weight:500}
.policy-container a:hover{color:#8f0f34;border-bottom-color:#8f0f34}
.policy-container a:active{color:#6a0a26}
.policy-container ul{margin:0 0 24px;padding:0 0 0 28px;list-style-type:none}
.policy-container ul li{font-size:1.05rem;line-height:1.75;color:#333;margin:0 0 12px;position:relative;padding-left:8px}
.policy-container ul li:before{content:'';position:absolute;left:-20px;top:12px;width:6px;height:6px;background:#235D1A;border-radius:8px}
.policy-container ol{margin:0 0 24px;padding:0 0 0 28px;counter-reset:policy-counter;list-style:none}
.policy-container ol li{font-size:1.05rem;line-height:1.75;color:#333;margin:0 0 12px;position:relative;padding-left:12px;counter-increment:policy-counter}
.policy-container ol li:before{content:counter(policy-counter) ".";position:absolute;left:-28px;font-weight:600;color:#BB1543}
.policy-container hr{border:none;height:2px;background:linear-gradient(94deg,#BB1543 0%,#235D1A 100%);margin:56px 0;border-radius:8px}
.policy-container div{margin:0 0 20px}
.policy-container blockquote{margin:32px 0;padding:24px 28px;background:#FEF7D0;border-left:4px solid #235D1A;font-size:1.05rem;line-height:1.75;color:#2a2a2a;border-radius:0 6px 6px 0;box-shadow:3px 3px 12px #bb154314}
.policy-container table{width:100%;border-collapse:collapse;margin:32px 0;font-size:1rem;box-shadow:4px 4px 16px #235d1a1a}
.policy-container table th{background:linear-gradient(142deg,#BB1543 0%,#8f0f34 100%);color:#fff;padding:14px 18px;text-align:left;font-weight:600;border:1px solid #8f0f34}
.policy-container table td{padding:12px 18px;border:1px solid #e0e0e0;color:#333;line-height:1.6}
.policy-container table tr:nth-child(even){background:#fafafa}
.policy-container table tr:hover{background:#FEF7D0;transition:background 240ms ease}
.policy-container code{background:#f5f5f5;padding:3px 8px;border-radius:6px;font-family:'Courier New',monospace;font-size:.92rem;color:#235D1A;border:1px solid #e8e8e8}
.policy-container pre{background:#2a2a2a;color:#FEF7D0;padding:20px 24px;border-radius:8px;overflow-x:auto;margin:32px 0;line-height:1.6;box-shadow:5px 5px 18px #00000026}
.policy-container pre code{background:none;border:none;padding:0;color:#FEF7D0}
@media (max-width: 768px) {
.policy-container{padding:48px 20px 80px}
.policy-container h1{font-size:2.2rem;margin-bottom:14px}
.policy-container h2{font-size:1.7rem;margin-top:48px;margin-bottom:16px}
.policy-container h3{font-size:1.35rem;margin-top:36px}
.policy-container h4{font-size:1.15rem;margin-top:28px}
.policy-container p,.policy-container ul li,.policy-container ol li{font-size:1rem;line-height:1.7}
.policy-container ul,.policy-container ol{padding-left:24px}
.policy-container blockquote{padding:18px 20px;margin:24px 0}
.policy-container table{font-size:.9rem}
.policy-container table th,.policy-container table td{padding:10px 12px}
}
@media (max-width: 480px) {
.policy-container{padding:32px 16px 60px}
.policy-container h1{font-size:1.85rem}
.policy-container h2{font-size:1.5rem;margin-top:40px}
.policy-container table{font-size:.85rem}
.policy-container table th,.policy-container table td{padding:8px 10px}
}
.ProjectHeader{max-width:1320px;margin:60px auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.ProjectHeader .TextContent{position:relative}
.ProjectHeader .TextContent::before{content:'';position:absolute;top:-20px;left:0;width:80px;height:4px;background:linear-gradient(135deg,#BB1543,#235D1A)}
.ProjectHeader .MainHeading{font-size:3rem;line-height:1.1;margin:0 0 24px;color:#1a1a1a;font-weight:700}
.ProjectHeader .DescriptionText{font-size:1.15rem;line-height:1.7;color:#4a4a4a;margin:0}
.ProjectHeader .ImageWrap{position:relative;overflow:hidden;border-radius:8px;box-shadow:0 12px 28px #bb154326}
.ProjectHeader .ImageWrap img{width:100%;height:480px;object-fit:cover;display:block;transition:transform 400ms}
.ProjectHeader .ImageWrap:hover img{transform:scale(1.03)}
.ProjectHeader .ImageWrap::after{content:'';position:absolute;bottom:0;left:0;right:0;height:100%;background:linear-gradient(165deg,transparent 60%,#235d1a1a);pointer-events:none}
.ProjectHeader .FloatingParticle{position:absolute;width:8px;height:8px;background:#fef7d099;border-radius:50%;animation:floatUp 8s infinite ease-in-out}
.ProjectHeader .ParticleOne{top:10%;left:15%;animation-delay:0s}
.ProjectHeader .ParticleTwo{top:40%;left:5%;animation-delay:2s}
.ProjectHeader .ParticleThree{top:70%;left:25%;animation-delay:4s}
@keyframes floatUp {
0%,100%{transform:translateY(0) translateX(0);opacity:.3}
50%{transform:translateY(-30px) translateX(10px);opacity:.8}
}
.ShowcaseGrid{background:linear-gradient(155deg,#FEF7D0 0%,#f9f9f9 100%);padding:80px 20px;margin:60px 0}
.ShowcaseGrid .GridContainer{max-width:1320px;margin:0 auto}
.ShowcaseGrid .GridTitle{font-size:2.4rem;color:#1a1a1a;margin:0 0 50px;text-align:center;font-weight:700}
.ShowcaseGrid .GridTitle::after{content:'';display:block;width:100px;height:3px;background:linear-gradient(90deg,#BB1543,#235D1A);margin:16px auto 0}
.ShowcaseGrid .ProjectCards{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.ShowcaseGrid .ProjectCard{background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 6px 18px #00000014;transition:transform 300ms,box-shadow 300ms}
.ShowcaseGrid .ProjectCard:hover{transform:translateY(-8px);box-shadow:0 14px 32px #bb15432e}
.ShowcaseGrid .CardImage{width:100%;height:220px;object-fit:cover;display:block}
.ShowcaseGrid .CardContent{padding:24px}
.ShowcaseGrid .CardHeading{font-size:1.4rem;color:#1a1a1a;margin:0 0 12px;font-weight:600}
.ShowcaseGrid .CardText{font-size:1rem;line-height:1.6;color:#5a5a5a;margin:0 0 16px}
.ShowcaseGrid .CardMeta{display:flex;gap:20px;font-size:.9rem;color:#7a7a7a}
.ShowcaseGrid .MetaItem{display:flex;align-items:center;gap:6px}
.ShowcaseGrid .MetaItem i{color:#BB1543;font-size:1.1rem}
.ProcessTimeline{max-width:1320px;margin:80px auto;padding:0 20px}
.ProcessTimeline .TimelineTitle{font-size:2.2rem;color:#1a1a1a;margin:0 0 60px;font-weight:700}
.ProcessTimeline .TimelineTrack{position:relative;padding-left:60px}
.ProcessTimeline .TimelineTrack::before{content:'';position:absolute;left:20px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#BB1543,#235D1A)}
.ProcessTimeline .TimelineStep{position:relative;margin-bottom:50px;padding:28px 32px;background:#fff;border-radius:8px;border:2px solid #f0f0f0;transition:border-color 200ms}
.ProcessTimeline .TimelineStep:hover{border-color:#BB1543}
.ProcessTimeline .TimelineStep::before{content:'';position:absolute;left:-60px;top:32px;width:24px;height:24px;background:#BB1543;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 3px #f0f0f0}
.ProcessTimeline .StepNumber{display:inline-block;background:linear-gradient(135deg,#BB1543,#235D1A);color:#fff;padding:4px 14px;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:12px}
.ProcessTimeline .StepHeading{font-size:1.5rem;color:#1a1a1a;margin:0 0 12px;font-weight:600}
.ProcessTimeline .StepDescription{font-size:1.05rem;line-height:1.7;color:#4a4a4a;margin:0}
.StudentWork{background:#fff;padding:80px 20px;position:relative;overflow:hidden}
.StudentWork::before{content:'';position:absolute;top:0;right:0;width:400px;height:400px;background:radial-gradient(circle,#fef7d066,transparent);border-radius:50%;transform:translate(30%,-30%)}
.StudentWork .WorkContainer{max-width:1320px;margin:0 auto;position:relative;z-index:1}
.StudentWork .WorkLayout{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}
.StudentWork .WorkContent{padding-right:40px}
.StudentWork .WorkHeading{font-size:2.4rem;color:#1a1a1a;margin:0 0 28px;font-weight:700;position:relative}
.StudentWork .WorkHeading::before{content:'';position:absolute;left:-30px;top:50%;transform:translateY(-50%);width:6px;height:60%;background:linear-gradient(180deg,#BB1543,#235D1A)}
.StudentWork .WorkText{font-size:1.1rem;line-height:1.8;color:#4a4a4a;margin:0 0 24px}
.StudentWork .WorkStats{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:32px}
.StudentWork .StatBox{padding:20px;background:linear-gradient(135deg,#f9f9f9,#FEF7D0);border-radius:6px;border-left:4px solid #BB1543}
.StudentWork .StatNumber{font-size:2.2rem;font-weight:700;color:#BB1543;margin:0 0 6px}
.StudentWork .StatLabel{font-size:.95rem;color:#5a5a5a;margin:0}
.StudentWork .WorkImage{border-radius:8px;box-shadow:0 16px 40px #0000001f;overflow:hidden}
.StudentWork .WorkImage img{width:100%;height:520px;object-fit:cover;display:block}
.TestimonialSection{max-width:1320px;margin:80px auto;padding:0 20px}
.TestimonialSection .TestimonialGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.TestimonialSection .TestimonialCard{background:linear-gradient(145deg,#fff,#f9f9f9);padding:36px;border-radius:10px;box-shadow:0 8px 24px #0000000f;position:relative}
.TestimonialSection .TestimonialCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#BB1543,#235D1A);border-radius:10px 10px 0 0}
.TestimonialSection .TestimonialTop{display:flex;gap:20px;align-items:center;margin-bottom:20px}
.TestimonialSection .TestimonialAvatar{width:70px;height:70px;border-radius:50%;object-fit:cover;border:3px solid #FEF7D0}
.TestimonialSection .TestimonialAuthor{flex:1}
.TestimonialSection .AuthorName{font-size:1.3rem;color:#1a1a1a;margin:0 0 6px;font-weight:600}
.TestimonialSection .AuthorRole{font-size:.95rem;color:#7a7a7a;margin:0}
.TestimonialSection .TestimonialText{font-size:1.05rem;line-height:1.7;color:#4a4a4a;margin:0;font-style:italic}
.TestimonialSection .QuoteIcon{color:#BB1543;font-size:2.5rem;opacity:.3;position:absolute;top:28px;right:32px}
@media (max-width: 1024px) {
.ProjectHeader{grid-template-columns:1fr;gap:40px}
.ProjectHeader .MainHeading{font-size:2.4rem}
.ShowcaseGrid .ProjectCards{grid-template-columns:repeat(2,1fr)}
.StudentWork .WorkLayout{grid-template-columns:1fr;gap:40px}
.StudentWork .WorkContent{padding-right:0}
.StudentWork .WorkHeading::before{left:0;top:-20px;width:60px;height:4px}
.TestimonialSection .TestimonialGrid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.ProjectHeader{margin:40px auto}
.ProjectHeader .MainHeading{font-size:2rem}
.ProjectHeader .ImageWrap img{height:320px}
.ShowcaseGrid{padding:60px 20px}
.ShowcaseGrid .GridTitle{font-size:1.9rem}
.ShowcaseGrid .ProjectCards{grid-template-columns:1fr;gap:24px}
.ProcessTimeline{margin:60px auto}
.ProcessTimeline .TimelineTitle{font-size:1.8rem}
.ProcessTimeline .TimelineTrack{padding-left:50px}
.ProcessTimeline .TimelineStep::before{left:-50px}
.StudentWork{padding:60px 20px}
.StudentWork .WorkHeading{font-size:1.9rem}
.StudentWork .WorkStats{grid-template-columns:1fr}
.StudentWork .WorkImage img{height:380px}
.TestimonialSection{margin:60px auto}
}
.TopBanner{position:relative;min-height:580px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(132deg,#FEF7D0 0%,#BB1543 100%);animation:ShiftGradient 8s ease-in-out infinite alternate}
@keyframes ShiftGradient {
0%{background-position:0 50%}
100%{background-position:100% 50%}
}
.TopBanner::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(218deg,#235d1a4d 0%,#bb154333 100%);animation:ShiftOverlay 10s ease-in-out infinite alternate}
@keyframes ShiftOverlay {
0%{opacity:.4}
100%{opacity:.7}
}
.TopBanner .wrapper-data{max-width:1320px;width:100%;margin:0 auto;padding:0 20px;position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.TopBanner .text-fetch{color:#2a2a2a}
.TopBanner .text-fetch h1{font-size:3.2rem;line-height:1.2;margin-bottom:18px;font-weight:700;color:#1a1a1a}
.TopBanner .text-fetch .tagline-data{font-size:1.15rem;line-height:1.6;margin-bottom:32px;color:#3a3a3a;max-width:520px}
.TopBanner .ActionGroup{display:flex;gap:16px;flex-wrap:wrap}
.TopBanner .ActionGroup .btn{padding:14px 28px;font-size:1rem;border-radius:8px;text-decoration:none;transition:all 180ms ease;font-weight:600;box-shadow:0 4px 12px #bb154333}
.TopBanner .ActionGroup .btn.primary{background:#BB1543;color:#fff;border:2px solid #BB1543}
.TopBanner .ActionGroup .btn.primary:hover{background:#9a1137;border-color:#9a1137;transform:translateY(-2px);box-shadow:0 6px 20px #bb154359}
.TopBanner .ActionGroup .btn.secondary{background:transparent;color:#1a1a1a;border:2px solid #235D1A}
.TopBanner .ActionGroup .btn.secondary:hover{background:#235D1A;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #235d1a59}
.TopBanner .visual-handler{position:relative;transform:rotate(-3deg)}
.TopBanner .visual-handler img{width:100%;height:auto;border-radius:10px;box-shadow:0 12px 40px #00000040;mix-blend-mode:multiply;filter:contrast(1.1) brightness(0.95)}
.SupportSection{padding:90px 20px;background:#fafafa}
.SupportSection .container-data{max-width:1320px;margin:0 auto}
.SupportSection .HeaderText{text-align:center;margin-bottom:60px}
.SupportSection .HeaderText h2{font-size:2.4rem;color:#1a1a1a;margin-bottom:16px;font-weight:700}
.SupportSection .HeaderText .description-handler{font-size:1.1rem;color:#555;max-width:680px;margin:0 auto;line-height:1.7}
.SupportSection .GridLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.SupportSection .SupportCard{background:#fff;padding:36px 28px;border-radius:8px;box-shadow:0 2px 12px #00000014;transition:all 300ms ease;border-left:4px solid #BB1543}
.SupportSection .SupportCard:hover{transform:translateY(-6px);box-shadow:0 8px 28px #bb15432e}
.SupportSection .SupportCard .icon-fetch{font-size:2.8rem;color:#235D1A;margin-bottom:20px}
.SupportSection .SupportCard h3{font-size:1.5rem;color:#1a1a1a;margin-bottom:14px;font-weight:600}
.SupportSection .SupportCard .content-text{font-size:1rem;color:#666;line-height:1.7}
.TransparencyBlock{padding:100px 20px;background:linear-gradient(168deg,#235D1A 0%,#1a4514 100%);position:relative;overflow:hidden}
.TransparencyBlock::after{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#fef7d026 0%,transparent 70%);border-radius:50%}
.TransparencyBlock .container-data{max-width:1320px;margin:0 auto;position:relative;z-index:2;display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}
.TransparencyBlock .TextModule h2{font-size:2.6rem;color:#FEF7D0;margin-bottom:24px;font-weight:700}
.TransparencyBlock .TextModule .info-data{font-size:1.05rem;color:#e8e8e8;line-height:1.8;margin-bottom:20px}
.TransparencyBlock .TextModule .ListData{margin-top:32px}
.TransparencyBlock .TextModule .ListData .item-fetch{display:flex;align-items:flex-start;margin-bottom:18px;color:#f5f5f5}
.TransparencyBlock .TextModule .ListData .item-fetch i{color:#BB1543;margin-right:12px;font-size:1.3rem;margin-top:2px}
.TransparencyBlock .TextModule .ListData .item-fetch span{font-size:1rem;line-height:1.6}
.TransparencyBlock .ImageModule img{width:100%;height:auto;border-radius:10px;box-shadow:0 14px 48px #0006}
.CertificationArea{padding:95px 20px;background:#fff}
.CertificationArea .container-data{max-width:1320px;margin:0 auto}
.CertificationArea .TopHeader{text-align:center;margin-bottom:70px}
.CertificationArea .TopHeader h2{font-size:2.5rem;color:#1a1a1a;margin-bottom:18px;font-weight:700}
.CertificationArea .TopHeader .subtitle-handler{font-size:1.1rem;color:#555;max-width:720px;margin:0 auto;line-height:1.7}
.CertificationArea .ProcessGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.CertificationArea .StepCard{background:#f9f9f9;padding:32px 24px;border-radius:8px;text-align:center;position:relative;border-top:5px solid #BB1543;transition:all 250ms ease}
.CertificationArea .StepCard:hover{background:#f3f3f3;transform:scale(1.04)}
.CertificationArea .StepCard .number-data{position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:44px;height:44px;background:#235D1A;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;box-shadow:0 3px 12px #235d1a4d}
.CertificationArea .StepCard h3{font-size:1.3rem;color:#1a1a1a;margin-bottom:12px;margin-top:16px;font-weight:600}
.CertificationArea .StepCard .text-handler{font-size:.95rem;color:#666;line-height:1.6}
.TestimonialModule{padding:100px 20px;background:linear-gradient(194deg,#FEF7D0 0%,#f8efc0 100%)}
.TestimonialModule .container-data{max-width:1320px;margin:0 auto}
.TestimonialModule .SectionTitle{text-align:center;margin-bottom:60px}
.TestimonialModule .SectionTitle h2{font-size:2.4rem;color:#1a1a1a;font-weight:700;margin-bottom:16px}
.TestimonialModule .SectionTitle .intro-text{font-size:1.05rem;color:#555;max-width:660px;margin:0 auto;line-height:1.7}
.TestimonialModule .ReviewGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.TestimonialModule .ReviewItem{background:#fff;padding:36px 32px;border-radius:10px;box-shadow:0 4px 16px #0000001a;position:relative}
.TestimonialModule .ReviewItem::before{content:'"';position:absolute;top:-10px;left:20px;font-size:5rem;color:#BB1543;opacity:.2;font-family:Georgia,serif;line-height:1}
.TestimonialModule .ReviewItem .ProfileData{display:flex;align-items:center;margin-bottom:20px}
.TestimonialModule .ReviewItem .ProfileData img{width:64px;height:64px;border-radius:50%;object-fit:cover;margin-right:16px;border:3px solid #235D1A}
.TestimonialModule .ReviewItem .ProfileData .info-handler{flex:1}
.TestimonialModule .ReviewItem .ProfileData .name-fetch{font-size:1.15rem;font-weight:600;color:#1a1a1a;margin-bottom:4px}
.TestimonialModule .ReviewItem .ProfileData .position-label{font-size:.9rem;color:#777}
.TestimonialModule .ReviewItem .review-content{font-size:1rem;color:#444;line-height:1.8;font-style:italic}
.ExpertiseDisplay{padding:90px 20px;background:#fff}
.ExpertiseDisplay .container-data{max-width:1320px;margin:0 auto}
.ExpertiseDisplay .MainLayout{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:center}
.ExpertiseDisplay .ImageSide img{width:100%;height:auto;border-radius:8px;box-shadow:0 8px 32px #0000001f}
.ExpertiseDisplay .ContentSide h2{font-size:2.5rem;color:#1a1a1a;margin-bottom:22px;font-weight:700}
.ExpertiseDisplay .ContentSide .intro-paragraph{font-size:1.05rem;color:#555;line-height:1.8;margin-bottom:28px}
.ExpertiseDisplay .ContentSide .PointList{margin-top:30px}
.ExpertiseDisplay .ContentSide .PointList .point-item{display:flex;align-items:flex-start;margin-bottom:20px}
.ExpertiseDisplay .ContentSide .PointList .point-item i{color:#235D1A;font-size:1.5rem;margin-right:14px;margin-top:2px}
.ExpertiseDisplay .ContentSide .PointList .point-item .text-data{flex:1}
.ExpertiseDisplay .ContentSide .PointList .point-item .text-data strong{display:block;font-size:1.1rem;color:#1a1a1a;margin-bottom:6px}
.ExpertiseDisplay .ContentSide .PointList .point-item .text-data span{font-size:.98rem;color:#666;line-height:1.6}
.divider-wave{height:80px;background:linear-gradient(to right,#BB1543 0%,#235D1A 100%);clip-path:polygon(0 40%,100% 0%,100% 100%,0 100%)}
@media (max-width: 992px) {
.TopBanner .wrapper-data{grid-template-columns:1fr;gap:40px}
.TopBanner{min-height:500px}
.TopBanner .text-fetch h1{font-size:2.4rem}
.TopBanner .visual-handler{transform:rotate(-2deg)}
.SupportSection .GridLayout{grid-template-columns:1fr;gap:30px}
.TransparencyBlock .container-data{grid-template-columns:1fr;gap:40px}
.CertificationArea .ProcessGrid{grid-template-columns:repeat(2,1fr);gap:40px 20px}
.TestimonialModule .ReviewGrid{grid-template-columns:1fr;gap:30px}
.ExpertiseDisplay .MainLayout{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 768px) {
.TopBanner .text-fetch h1{font-size:2rem}
.TopBanner .ActionGroup{flex-direction:column}
.TopBanner .ActionGroup .btn{width:100%;text-align:center}
.SupportSection{padding:60px 20px}
.SupportSection .HeaderText h2{font-size:2rem}
.TransparencyBlock{padding:70px 20px}
.TransparencyBlock .TextModule h2{font-size:2rem}
.CertificationArea{padding:70px 20px}
.CertificationArea .ProcessGrid{grid-template-columns:1fr}
.CertificationArea .TopHeader h2{font-size:2rem}
.TestimonialModule{padding:70px 20px}
.TestimonialModule .SectionTitle h2{font-size:2rem}
.ExpertiseDisplay{padding:70px 20px}
.ExpertiseDisplay .ContentSide h2{font-size:2rem}
}
.PageHero{background:linear-gradient(137deg,#BB1543 0%,#235D1A 100%);padding:120px 20px 80px;position:relative;overflow:hidden}
.PageHero::before{content:'';position:absolute;top:30px;left:30px;width:80px;height:80px;border:3px dotted #fef7d066;border-radius:8px}
.PageHero::after{content:'';position:absolute;bottom:30px;right:30px;width:100px;height:100px;border:3px dotted #fef7d04d;border-radius:8px}
.HeroContent{max-width:1320px;margin:0 auto;text-align:center;position:relative;z-index:2}
.HeroContent h1{font-size:3.2rem;color:#FEF7D0;margin-bottom:24px;line-height:1.2}
.HeroContent h1 .HighlightPhrase{color:#fff;display:block;font-size:3.8rem;margin-bottom:12px}
.HeroContent .SubheadText{font-size:1.3rem;color:#fef7d0e6;max-width:680px;margin:0 auto;line-height:1.6}
.ContactMethodSection{padding:90px 20px;background:#fff}
.ContactMethodSection .ContentWrapper{max-width:1320px;margin:0 auto}
.ContactMethodSection .SectionLabel{text-align:center;margin-bottom:70px}
.ContactMethodSection .SectionLabel h2{font-size:2.4rem;color:#BB1543;margin-bottom:16px}
.ContactMethodSection .SectionLabel p{font-size:1.1rem;color:#555;max-width:640px;margin:0 auto;line-height:1.7}
.MethodGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:36px;margin-bottom:50px}
.MethodCard{background:linear-gradient(155deg,#FEF7D0 0%,#fff 100%);padding:42px 32px;border-radius:6px;box-shadow:0 6px 16px #bb15431f;transition:all 300ms ease;position:relative}
.MethodCard:hover{transform:translateY(-6px);box-shadow:0 12px 28px #bb154333}
.MethodCard .CardIcon{width:56px;height:56px;background:#BB1543;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.MethodCard .CardIcon .mdi{font-size:28px;color:#FEF7D0}
.MethodCard h3{font-size:1.5rem;color:#235D1A;margin-bottom:14px}
.MethodCard .DetailInfo{font-size:1.05rem;color:#444;line-height:1.6;margin-bottom:12px}
.MethodCard .DetailInfo a{color:#BB1543;text-decoration:none;transition:color 200ms}
.MethodCard .DetailInfo a:hover{color:#235D1A}
.MethodCard .ExtraNote{font-size:.95rem;color:#666;line-height:1.5}
.FormContactSection{padding:80px 20px 100px;background:linear-gradient(224deg,#fef7d04d 0%,#fffc 100%)}
.FormContactSection .ContentWrapper{max-width:1320px;margin:0 auto}
.FormContactSection .IntroArea{text-align:center;margin-bottom:60px}
.FormContactSection .IntroArea h2{font-size:2.3rem;color:#235D1A;margin-bottom:18px}
.FormContactSection .IntroArea .DescText{font-size:1.1rem;color:#555;max-width:720px;margin:0 auto;line-height:1.7}
.ContactFormLayout{max-width:880px;margin:0 auto;background:#fff;padding:56px 48px;border-radius:8px;box-shadow:0 8px 24px #235d1a24}
.FormFieldRow{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:28px}
.FormField{display:flex;flex-direction:column}
.FormField.FullWidth{grid-column:1 / -1}
.FormField label{font-size:1rem;color:#333;margin-bottom:10px;font-weight:500}
.FormField input[type="text"],.FormField input[type="email"],.FormField input[type="tel"],.FormField textarea{padding:14px 18px;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:all 250ms;background:#fafafa}
.FormField input[type="text"]:focus,.FormField input[type="email"]:focus,.FormField input[type="tel"]:focus,.FormField textarea:focus{outline:none;border-color:#BB1543;background:#fff;box-shadow:inset 0 2px 6px #bb154314}
.FormField textarea{min-height:140px;resize:vertical;font-family:inherit}
.PrioritySelector{margin-bottom:32px}
.PrioritySelector .SelectorLabel{font-size:1rem;color:#333;margin-bottom:16px;font-weight:500;display:block}
.PriorityOptions{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.PriorityOptions input[type="radio"]{display:none}
.PriorityOptions label{padding:16px 20px;border:2px solid #e0e0e0;border-radius:6px;text-align:center;cursor:pointer;transition:all 200ms;background:#fafafa;font-size:.95rem;color:#555}
.PriorityOptions input[type="radio"]:checked + label{border-color:#BB1543;background:linear-gradient(135deg,#bb15431a 0%,#fef7d04d 100%);color:#BB1543;font-weight:600}
.PriorityOptions label:hover{border-color:#BB1543;background:#fef7d033}
.PrivacyCheckbox{margin-bottom:32px;display:flex;align-items:flex-start}
.PrivacyCheckbox input[type="checkbox"]{margin-right:12px;margin-top:4px;width:20px;height:20px;cursor:pointer}
.PrivacyCheckbox label{font-size:.95rem;color:#555;line-height:1.6;cursor:pointer}
.PrivacyCheckbox label a{color:#BB1543;text-decoration:none}
.PrivacyCheckbox label a:hover{text-decoration:underline}
.SubmitButton{background:linear-gradient(128deg,#BB1543 0%,#235D1A 100%);color:#FEF7D0;padding:16px 56px;border:none;border-radius:6px;font-size:1.1rem;cursor:pointer;transition:all 300ms;box-shadow:0 6px 18px #bb15434d;font-weight:600;z-index:10;position:relative}
.SubmitButton:hover{transform:scale(1.05);box-shadow:0 10px 28px #bb154366}
.SubmitButton:active{transform:scale(0.98)}
.DirectContactBanner{padding:70px 20px;background:linear-gradient(312deg,#235D1A 0%,#BB1543 100%);position:relative}
.DirectContactBanner .ContentWrapper{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}
.DirectContactBanner .TextColumn h2{font-size:2.2rem;color:#FEF7D0;margin-bottom:20px;line-height:1.3}
.DirectContactBanner .TextColumn p{font-size:1.1rem;color:#fef7d0e6;line-height:1.7;margin-bottom:16px}
.DirectContactBanner .QuickInfoColumn{background:#ffffff26;padding:36px 32px;border-radius:8px;backdrop-filter:blur(8px)}
.DirectContactBanner .InfoItem{display:flex;align-items:flex-start;margin-bottom:24px}
.DirectContactBanner .InfoItem:last-child{margin-bottom:0}
.DirectContactBanner .InfoItem .mdi{font-size:24px;color:#FEF7D0;margin-right:16px;margin-top:2px}
.DirectContactBanner .InfoItem .InfoText{flex:1}
.DirectContactBanner .InfoItem .InfoText strong{display:block;color:#FEF7D0;font-size:.9rem;margin-bottom:6px}
.DirectContactBanner .InfoItem .InfoText span{color:#fef7d0f2;font-size:1.05rem;line-height:1.5}
.DirectContactBanner .InfoItem .InfoText a{color:#FEF7D0;text-decoration:none;transition:opacity 200ms}
.DirectContactBanner .InfoItem .InfoText a:hover{opacity:.8}
.ResourcesLinkSection{padding:80px 20px;background:#fff}
.ResourcesLinkSection .ContentWrapper{max-width:1320px;margin:0 auto;text-align:center}
.ResourcesLinkSection h2{font-size:2.1rem;color:#BB1543;margin-bottom:18px}
.ResourcesLinkSection .IntroText{font-size:1.05rem;color:#555;max-width:720px;margin:0 auto 48px;line-height:1.7}
.LinkCardGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}
.LinkCardItem{background:linear-gradient(168deg,#FEF7D0 0%,#fef7d066 100%);padding:40px 32px;border-radius:8px;box-shadow:0 4px 14px #235d1a1a;transition:all 250ms;text-align:left;position:relative;overflow:hidden}
.LinkCardItem::before{content:'';position:absolute;top:-50%;right:-50%;width:200px;height:200px;background:radial-gradient(circle,#bb15431a 0%,transparent 70%);transition:all 400ms}
.LinkCardItem:hover::before{top:-30%;right:-30%}
.LinkCardItem:hover{transform:translateY(-4px);box-shadow:0 10px 24px #235d1a2e}
.LinkCardItem h3{font-size:1.4rem;color:#235D1A;margin-bottom:14px;position:relative;z-index:2}
.LinkCardItem p{font-size:1rem;color:#555;line-height:1.6;margin-bottom:24px;position:relative;z-index:2}
.LinkCardItem .CardLinkButton{display:inline-flex;align-items:center;color:#BB1543;text-decoration:none;font-weight:600;transition:all 200ms;position:relative;z-index:2}
.LinkCardItem .CardLinkButton .mdi{margin-left:8px;font-size:20px;transition:transform 200ms}
.LinkCardItem .CardLinkButton:hover{color:#235D1A}
.LinkCardItem .CardLinkButton:hover .mdi{transform:translateX(4px)}
@media (max-width: 768px) {
.PageHero{padding:80px 20px 60px}
.HeroContent h1{font-size:2.2rem}
.HeroContent h1 .HighlightPhrase{font-size:2.6rem}
.FormFieldRow{grid-template-columns:1fr;gap:24px}
.ContactFormLayout{padding:40px 28px}
.PriorityOptions{grid-template-columns:1fr}
.DirectContactBanner .ContentWrapper{grid-template-columns:1fr;gap:40px}
.LinkCardGrid{grid-template-columns:1fr}
}
@media (min-width: 769px) and (max-width: 1024px) {
.HeroContent h1{font-size:2.8rem}
.HeroContent h1 .HighlightPhrase{font-size:3.2rem}
.MethodGrid{grid-template-columns:repeat(2,1fr)}
}
.IntroLayout{max-width:1320px;margin:2rem auto 0;padding:0 1.5rem;display:flex;gap:3rem;align-items:flex-start}
.IntroLayout .ContentWrapper{flex:1;padding-top:1rem}
.IntroLayout .IntroTitle{font-size:2.4rem;line-height:1.2;margin:0 0 1.5rem;color:#1a1a1a;font-weight:700}
.IntroLayout .ProblemDescription{font-size:1.1rem;line-height:1.7;color:#444;margin-bottom:1.8rem;padding-left:1.2rem;border-left:4px solid #BB1543}
.IntroLayout .SolutionText{font-size:1.05rem;line-height:1.6;color:#333;margin-bottom:1rem}
.IntroLayout .CompactVisual{width:340px;flex-shrink:0;position:relative}
.IntroLayout .CompactVisual img{width:100%;height:420px;object-fit:cover;filter:saturate(0.7);border-radius:8px;box-shadow:8px 8px 0 #bb154326}
.IntroLayout .CompactVisual::before{content:'';position:absolute;top:-12px;right:-12px;width:80px;height:80px;background:linear-gradient(135deg,#235D1A 0%,#FEF7D0 100%);border-radius:50%;z-index:-1;opacity:.6}
.FoundationDisplay{max-width:1320px;margin:6rem auto 0;padding:0 1.5rem}
.FoundationDisplay .SectionLabel{font-size:.95rem;text-transform:uppercase;letter-spacing:.08em;color:#235D1A;margin-bottom:1rem;font-weight:600}
.FoundationDisplay .CoreHeading{font-size:2rem;margin:0 0 2.5rem;color:#1a1a1a;font-weight:700}
.StoryGrid{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem}
.StoryBlock{position:relative;padding-left:2rem}
.StoryBlock::before{content:'';position:absolute;left:0;top:0;width:6px;height:60px;background:linear-gradient(180deg,#BB1543 0%,#235D1A 100%);border-radius:3px}
.StoryBlock .BlockTitle{font-size:1.4rem;margin:0 0 1rem;color:#1a1a1a;font-weight:600}
.StoryBlock .BlockContent{font-size:1.05rem;line-height:1.65;color:#444;margin-bottom:1rem}
.TeamShowcase{max-width:1320px;margin:7rem auto 0;padding:0 1.5rem}
.ShowcaseHeader{text-align:center;margin-bottom:4rem;position:relative}
.ShowcaseHeader::after{content:'';display:block;width:120px;height:4px;background:linear-gradient(90deg,transparent 0%,#BB1543 50%,transparent 100%);margin:1.5rem auto 0}
.ShowcaseHeader .HeaderTitle{font-size:2.1rem;margin:0 0 1rem;color:#1a1a1a;font-weight:700}
.ShowcaseHeader .HeaderIntro{font-size:1.1rem;line-height:1.6;color:#555;max-width:720px;margin:0 auto}
.ProfileGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem}
.ProfileCard{background:#fafafa;border-radius:10px;overflow:hidden;transition:transform 180ms ease,box-shadow 180ms ease;box-shadow:0 4px 12px #00000014}
.ProfileCard:hover{transform:translateY(-4px);box-shadow:0 12px 24px #bb154326}
.ProfileCard .PortraitArea{height:300px;overflow:hidden;position:relative}
.ProfileCard .PortraitArea img{width:100%;height:100%;object-fit:cover;filter:grayscale(0.3);transition:filter 320ms ease}
.ProfileCard:hover .PortraitArea img{filter:grayscale(0)}
.ProfileCard .InfoArea{padding:2rem}
.ProfileCard .MemberName{font-size:1.5rem;margin:0 0 .5rem;color:#1a1a1a;font-weight:700}
.ProfileCard .RoleTag{font-size:.9rem;color:#235D1A;text-transform:uppercase;letter-spacing:.06em;margin-bottom:1.2rem;font-weight:600}
.ProfileCard .BiographySnippet{font-size:1rem;line-height:1.65;color:#555}
.ApproachVisual{max-width:1320px;margin:7rem auto 0;padding:0 1.5rem;background:linear-gradient(124deg,#FEF7D0 0%,#fff 100%);border-radius:10px;padding:4rem 3rem;position:relative;overflow:hidden}
.ApproachVisual::before{content:'';position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:linear-gradient(225deg,#235d1a1a 0%,transparent 100%);border-radius:50%}
.ApproachContent{display:grid;grid-template-columns:1.3fr 1fr;gap:3.5rem;align-items:center}
.ApproachText .MethodLabel{font-size:1rem;color:#BB1543;font-weight:600;margin-bottom:.8rem;text-transform:uppercase;letter-spacing:.08em}
.ApproachText .ApproachTitle{font-size:2rem;margin:0 0 1.5rem;color:#1a1a1a;font-weight:700}
.ApproachText .DetailList{list-style:none;padding:0;margin:0}
.ApproachText .DetailList li{font-size:1.05rem;line-height:1.6;color:#444;margin-bottom:1rem;padding-left:1.8rem;position:relative}
.ApproachText .DetailList li::before{content:'';position:absolute;left:0;top:.5rem;width:10px;height:10px;background:#235D1A;border-radius:50%}
.VisualAsset{position:relative}
.VisualAsset img{width:100%;height:360px;object-fit:cover;border-radius:8px;box-shadow:0 8px 20px #0000001f}
.VisualAsset::after{content:'';position:absolute;bottom:-16px;left:-16px;width:140px;height:140px;background:linear-gradient(225deg,#BB1543 0%,transparent 100%);border-radius:50%;z-index:-1;opacity:.3}
.ProcessTimeline{max-width:1320px;margin:7rem auto 5rem;padding:0 1.5rem}
.ProcessTimeline .TimelineHeading{font-size:2rem;margin:0 0 3.5rem;text-align:center;color:#1a1a1a;font-weight:700}
.StepFlow{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;position:relative}
.StepFlow::before{content:'';position:absolute;top:50px;left:16.66%;right:16.66%;height:3px;background:linear-gradient(90deg,#BB1543 0%,#235D1A 100%);z-index:0}
.FlowStep{position:relative;text-align:center;z-index:1}
.FlowStep .StepMarker{width:100px;height:100px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#FEF7D0 0%,#fff 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#BB1543;box-shadow:0 6px 16px #bb154333;border:4px solid #fff}
.FlowStep .StepTitle{font-size:1.3rem;margin:0 0 .8rem;color:#1a1a1a;font-weight:600}
.FlowStep .StepDetail{font-size:1rem;line-height:1.6;color:#555}
@media (max-width: 1024px) {
.IntroLayout{flex-direction:column-reverse;gap:2.5rem}
.IntroLayout .CompactVisual{width:100%;max-width:400px;margin:0 auto}
.StoryGrid{grid-template-columns:1fr;gap:2.5rem}
.ProfileGrid{grid-template-columns:1fr}
.ApproachContent{grid-template-columns:1fr}
.StepFlow::before{display:none}
.StepFlow{grid-template-columns:1fr;gap:2rem}
}
@media (max-width: 768px) {
.IntroLayout .IntroTitle{font-size:1.9rem}
.IntroLayout .ProblemDescription{font-size:1rem}
.FoundationDisplay .CoreHeading{font-size:1.7rem}
.ShowcaseHeader .HeaderTitle{font-size:1.8rem}
.ApproachText .ApproachTitle{font-size:1.7rem}
.ProcessTimeline .TimelineHeading{font-size:1.7rem}
.ApproachVisual{padding:3rem 2rem}
}
.CareerTitle{position:relative;height:480px;background-image:linear-gradient(142deg,#bb1543d6 0%,#235d1ac7 100%),url(./infographic_assets/CONTENT-IMAGE-19.jpg);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;overflow:hidden}
.CareerTitle::before{content:'';position:absolute;width:380px;height:380px;border-radius:50%;background:#fef7d00f;top:-120px;left:-90px;border:2px solid #fef7d01f}
.CareerTitle::after{content:'';position:absolute;width:280px;height:280px;border-radius:50%;background:#fef7d00a;bottom:-80px;right:-60px;border:1px solid #fef7d01a}
.CareerTitle .InnerTextWrap{max-width:760px;text-align:center;padding:0 24px;position:relative;z-index:2}
.CareerTitle .MainHeading{font-size:3.2rem;font-weight:700;color:#FEF7D0;margin:0 0 22px;line-height:1.18}
.CareerTitle .SubText{font-size:1.14rem;line-height:1.64;color:#fef7d0eb;margin:0}
.PositionGrid{max-width:1320px;margin:72px auto 0;padding:0 24px}
.PositionGrid .SectionHead{font-size:2.1rem;font-weight:700;color:#BB1543;margin:0 0 42px;text-align:center}
.PositionGrid .JobList{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px}
.PositionGrid .JobCard{background:linear-gradient(134deg,#FEF7D0 0%,#f9f2c2 100%);border:1px solid #bb154329;padding:32px 28px;border-radius:8px;box-shadow:0 6px 18px #235d1a14;transition:all 260ms ease;position:relative}
.PositionGrid .JobCard:hover{transform:translateY(-4px);box-shadow:0 12px 28px #235d1a24}
.PositionGrid .JobCard .JobTitle{font-size:1.46rem;font-weight:700;color:#235D1A;margin:0 0 16px}
.PositionGrid .JobCard .JobMeta{display:flex;gap:18px;margin-bottom:18px;flex-wrap:wrap}
.PositionGrid .JobCard .MetaItem{font-size:.92rem;color:#235d1ac7;display:flex;align-items:center;gap:6px}
.PositionGrid .JobCard .JobDescription{font-size:1.02rem;line-height:1.68;color:#235d1ae0;margin:0 0 24px}
.PositionGrid .JobCard .ApplyBtn{display:inline-block;background:#BB1543;color:#FEF7D0;padding:12px 28px;border-radius:6px;text-decoration:none;font-weight:600;font-size:.98rem;transition:all 180ms ease;box-shadow:0 4px 12px #bb154338}
.PositionGrid .JobCard .ApplyBtn:hover{background:#a01238;box-shadow:0 6px 16px #bb154352;transform:scale(1.04)}
.CultureBlock{background:linear-gradient(156deg,#235D1A 0%,#1a4814 100%);padding:82px 24px;margin-top:88px;position:relative}
.CultureBlock .ContentWrapper{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.CultureBlock .TextContent .SectionLabel{font-size:.88rem;font-weight:700;color:#FEF7D0;text-transform:uppercase;letter-spacing:1.4px;margin:0 0 18px}
.CultureBlock .TextContent .MainHeading{font-size:2.4rem;font-weight:700;color:#FEF7D0;margin:0 0 28px;line-height:1.24}
.CultureBlock .TextContent .Description{font-size:1.06rem;line-height:1.72;color:#fef7d0e0;margin:0 0 18px}
.CultureBlock .ImageContainer{position:relative}
.CultureBlock .ImageContainer img{width:100%;height:420px;object-fit:cover;border-radius:10px;box-shadow:0 14px 32px #00000047}
.CultureBlock .ImageContainer::before{content:'';position:absolute;width:140px;height:140px;background:#fef7d014;border:2px solid #fef7d02e;border-radius:8px;top:-24px;right:-24px;transform:rotate(12deg)}
.BenefitsLayout{max-width:1320px;margin:94px auto 0;padding:0 24px}
.BenefitsLayout .SectionHead{text-align:center;margin-bottom:58px}
.BenefitsLayout .SectionHead .Heading{font-size:2.3rem;font-weight:700;color:#BB1543;margin:0 0 16px}
.BenefitsLayout .SectionHead .SubText{font-size:1.08rem;line-height:1.66;color:#235d1ad1;max-width:720px;margin:0 auto}
.BenefitsLayout .CardGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.BenefitsLayout .BenefitCard{background:linear-gradient(148deg,#FEF7D0 0%,#f8f1c0 100%);border:1px solid #bb15431f;padding:38px 28px;border-radius:10px;text-align:center;box-shadow:0 8px 22px #235d1a0f;transition:transform 220ms ease}
.BenefitsLayout .BenefitCard:hover{transform:translateY(-6px)}
.BenefitsLayout .BenefitCard .IconWrap{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;background:linear-gradient(138deg,#BB1543 0%,#a01238 100%);border-radius:50%;margin-bottom:24px;box-shadow:0 6px 16px #bb15433d}
.BenefitsLayout .BenefitCard .IconWrap i{font-size:2rem;color:#FEF7D0}
.BenefitsLayout .BenefitCard .BenefitTitle{font-size:1.32rem;font-weight:700;color:#235D1A;margin:0 0 14px}
.BenefitsLayout .BenefitCard .BenefitText{font-size:.98rem;line-height:1.62;color:#235d1ad6;margin:0}
.ApplicationProcess{background:linear-gradient(to bottom,#FEF7D0 0%,#f5eec4 100%);padding:86px 24px;margin-top:92px;border-top:3px solid #bb15432e;border-bottom:3px solid #bb15432e}
.ApplicationProcess .ContentWrap{max-width:940px;margin:0 auto;text-align:center}
.ApplicationProcess .ProcessHeading{font-size:2.2rem;font-weight:700;color:#BB1543;margin:0 0 46px}
.ApplicationProcess .StepsContainer{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;position:relative}
.ApplicationProcess .StepsContainer::before{content:'';position:absolute;top:38px;left:12%;right:12%;height:2px;background:linear-gradient(to right,#bb15434d,#235d1a4d);z-index:1}
.ApplicationProcess .ProcessStep{flex:1;position:relative;z-index:2}
.ApplicationProcess .ProcessStep .StepNumber{width:76px;height:76px;border-radius:50%;background:linear-gradient(136deg,#235D1A 0%,#1a4814 100%);color:#FEF7D0;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;margin:0 auto 22px;box-shadow:0 8px 20px #235d1a3d}
.ApplicationProcess .ProcessStep .StepTitle{font-size:1.18rem;font-weight:700;color:#235D1A;margin:0 0 12px}
.ApplicationProcess .ProcessStep .StepDescription{font-size:.96rem;line-height:1.58;color:#235d1ad1;margin:0}
.TestimonialSection{max-width:1120px;margin:96px auto 0;padding:0 24px;display:grid;grid-template-columns:320px 1fr;gap:56px;align-items:center}
.TestimonialSection .ImageColumn img{width:100%;height:380px;object-fit:cover;border-radius:10px;box-shadow:0 12px 28px #bb154329}
.TestimonialSection .ContentColumn{position:relative}
.TestimonialSection .ContentColumn::before{content:'"';position:absolute;top:-32px;left:-28px;font-size:8rem;font-weight:700;color:#bb15431f;line-height:1}
.TestimonialSection .ContentColumn .Quote{font-size:1.28rem;line-height:1.72;color:#235d1aeb;margin:0 0 24px;font-style:italic;position:relative}
.TestimonialSection .ContentColumn .AuthorInfo .Name{font-size:1.14rem;font-weight:700;color:#BB1543;margin:0 0 6px}
.TestimonialSection .ContentColumn .AuthorInfo .Role{font-size:.96rem;color:#235d1ab8;margin:0}
@media (max-width: 1024px) {
.CareerTitle .MainHeading{font-size:2.6rem}
.CultureBlock .ContentWrapper{grid-template-columns:1fr;gap:42px}
.CultureBlock .ImageContainer img{height:340px}
.BenefitsLayout .CardGrid{grid-template-columns:repeat(2,1fr)}
.TestimonialSection{grid-template-columns:1fr;gap:38px}
.TestimonialSection .ImageColumn img{height:320px}
}
@media (max-width: 768px) {
.CareerTitle{height:420px}
.CareerTitle .MainHeading{font-size:2.2rem}
.CareerTitle .SubText{font-size:1.04rem}
.PositionGrid .JobList{grid-template-columns:1fr}
.CultureBlock{padding:62px 24px}
.CultureBlock .TextContent .MainHeading{font-size:2rem}
.BenefitsLayout .CardGrid{grid-template-columns:1fr}
.ApplicationProcess .StepsContainer{flex-direction:column;gap:42px}
.ApplicationProcess .StepsContainer::before{display:none}
.ApplicationProcess .ProcessStep .StepNumber{margin-bottom:18px}
}
@media (max-width: 480px) {
.CareerTitle{height:380px}
.CareerTitle .MainHeading{font-size:1.9rem}
.PositionGrid{margin-top:52px}
.PositionGrid .SectionHead{font-size:1.8rem;margin-bottom:32px}
.PositionGrid .JobCard{padding:26px 22px}
.CultureBlock .TextContent .MainHeading{font-size:1.76rem}
.BenefitsLayout .SectionHead .Heading{font-size:1.9rem}
.ApplicationProcess .ProcessHeading{font-size:1.86rem}
}
.SuccessWrapper{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:linear-gradient(142deg,#FEF7D0 0%,#fff 45%,#f8f9fa 100%);position:relative;overflow:hidden}
.SuccessWrapper::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:linear-gradient(217deg,#bb154314 0%,transparent 70%);border-radius:50%;pointer-events:none}
.SuccessWrapper::after{content:'';position:absolute;bottom:-30%;left:-5%;width:450px;height:450px;background:linear-gradient(140deg,#235d1a0f 0%,transparent 65%);border-radius:50%;pointer-events:none}
.SuccessContainer{max-width:680px;margin:0 auto;text-align:center;position:relative;z-index:2}
.IconCircle{width:96px;height:96px;margin:0 auto 2rem;background:linear-gradient(135deg,#BB1543 0%,#d91f54 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #bb154340;animation:ScaleIn 500ms ease-out}
@keyframes ScaleIn {
0%{transform:scale(0);opacity:0}
60%{transform:scale(1.1)}
100%{transform:scale(1);opacity:1}
}
.IconCircle .mdi{font-size:48px;color:#fff}
.MainHeading{font-size:2.5rem;font-weight:700;color:#1a1a1a;margin:0 0 1rem;line-height:1.2}
.SubText{font-size:1.125rem;color:#4a4a4a;line-height:1.6;margin:0 0 2rem}
.MessageBlock{background:#fff;border:2px solid #FEF7D0;padding:1.75rem;border-radius:8px;margin:2.5rem 0;box-shadow:0 4px 16px #0000000f}
.MessageBlock p{margin:0 0 1rem;color:#333;font-size:1rem;line-height:1.7}
.MessageBlock p:last-child{margin-bottom:0}
.ActionGroup{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2.5rem}
.PrimaryBtn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;background:linear-gradient(135deg,#BB1543 0%,#a01238 100%);color:#fff;text-decoration:none;border-radius:6px;font-weight:600;font-size:1rem;transition:all 280ms ease;box-shadow:0 4px 12px #bb154333;border:none;cursor:pointer;position:relative;z-index:10}
.PrimaryBtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #bb15434d;background:linear-gradient(135deg,#a01238 0%,#BB1543 100%)}
.PrimaryBtn:active{transform:translateY(0)}
.SecondaryBtn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;background:#fff;color:#235D1A;text-decoration:none;border-radius:6px;font-weight:600;font-size:1rem;transition:all 280ms ease;border:2px solid #235D1A;cursor:pointer;position:relative;z-index:10}
.SecondaryBtn:hover{background:#235D1A;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #235d1a33}
.SecondaryBtn:active{transform:translateY(0)}
.InfoGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:3rem}
.InfoCard{background:#fff;padding:1.5rem;border-radius:8px;border:1px solid #e5e5e5;transition:all 300ms ease}
.InfoCard:hover{border-color:#BB1543;box-shadow:0 6px 18px #00000014;transform:translateY(-3px)}
.InfoCard .mdi{font-size:32px;color:#235D1A;margin-bottom:.75rem}
.InfoCard h3{font-size:1.125rem;font-weight:600;color:#1a1a1a;margin:0 0 .5rem}
.InfoCard p{font-size:.9375rem;color:#666;margin:0;line-height:1.5}
.DecoShape{position:absolute;pointer-events:none}
.DecoShape:nth-child(1){top:10%;left:5%;width:80px;height:80px;border:3px solid #bb154326;border-radius:10px;transform:rotate(25deg)}
.DecoShape:nth-child(2){bottom:15%;right:8%;width:60px;height:60px;border:3px solid #235d1a26;border-radius:50%}
.DecoShape:nth-child(3){top:40%;right:15%;width:40px;height:40px;background:linear-gradient(135deg,#fef7d066 0%,transparent 100%);transform:rotate(45deg)}
@media (max-width: 768px) {
.MainHeading{font-size:2rem}
.SubText{font-size:1rem}
.IconCircle{width:80px;height:80px}
.IconCircle .mdi{font-size:40px}
.ActionGroup{flex-direction:column}
.PrimaryBtn,.SecondaryBtn{width:100%;justify-content:center}
.InfoGrid{grid-template-columns:1fr}
.DecoShape{display:none}
}
@media (max-width: 480px) {
.MainHeading{font-size:1.75rem}
.MessageBlock{padding:1.25rem}
}