@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";
html{scroll-behavior:smooth;scroll-padding-top:20px}
body{margin:0;padding:0;font-family:'Roboto',sans-serif;background:linear-gradient(157deg,#ECF9C0 0%,#fff 48%,#FFE8E6 100%);color:#2F353F;line-height:1.7;overflow-x:hidden}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:700}
figure,blockquote{margin:0;padding:0}
a{text-decoration:none;color:inherit;transition:color .25s ease}
.heado-wrap{background:linear-gradient(123deg,#2F353F 0%,#1a1d23 100%);padding:18px 0;box-shadow:0 4px 12px #2f353f38}
.heado-wrap .top-row-holder{max-width:960px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:32px}
.heado-wrap .logo-box3{flex-shrink:0}
.heado-wrap .logo-img45{height:95px;width:95px;display:block;background:#ecf9c01f;padding:8px;border-radius:22px;box-shadow:0 3px 8px #ff473b2e}
.heado-wrap .main-navi{display:flex;gap:28px;align-items:center;flex-wrap:wrap;background:#ffffff0f;padding:14px 24px;border-radius:18px}
.heado-wrap .main-navi a{color:#ECF9C0;font-size:15px;font-weight:400;padding:6px 10px;transition:color .2s ease,background-color .2s ease;border-radius:8px}
.heado-wrap .main-navi a:hover{color:#FF473B;background-color:#ff473b14}
.heado-wrap .bottom-row-holder{max-width:960px;margin:0 auto;padding:12px 24px 0;border-top:1px solid #ecf9c026;margin-top:14px}
.heado-wrap .company-name-display{text-align:center}
.heado-wrap .brand-txt{font-size:17px;font-weight:400;color:#ecf9c0b3;letter-spacing:.8px}
main{min-height:200px}
.footer-holder{background:linear-gradient(141deg,#2F353F 0%,#252931 100%);padding:28px 24px 16px;color:#ECF9C0;margin-top:80px}
.footer-holder .info-section7{max-width:960px;margin:0 auto 24px;display:grid;grid-template-columns:1fr 1fr;gap:32px}
.footer-holder .location-data p{margin:0 0 8px;font-size:14px;line-height:1.5}
.footer-holder .location-data a{color:#FF473B;transition:color .2s ease}
.footer-holder .location-data a:hover{color:#ECF9C0}
.footer-holder .messengers-row2{display:flex;gap:16px;margin-top:12px}
.footer-holder .msg-link{background:#ff473b24;padding:6px 14px;border-radius:8px;font-size:13px;transition:background-color .2s ease}
.footer-holder .msg-link:hover{background:#ff473b42}
.footer-holder .coverage-info p{font-size:14px;line-height:1.6;color:#ecf9c0d9;margin:0}
.footer-holder .bottom-foot-section{max-width:960px;margin:0 auto;border-top:1px solid #ecf9c033;padding-top:16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.footer-holder .policy-links8{display:flex;gap:20px}
.footer-holder .policy-links8 a{font-size:13px;color:#ecf9c0b3;transition:color .2s ease}
.footer-holder .policy-links8 a:hover{color:#FF473B}
.footer-holder .copyright-txt9 p{margin:0;font-size:13px;color:#ecf9c099}
.cookie-popup-box{position:fixed;left:24px;top:33.33%;transform:translateY(-50%) translateX(-400px);background:linear-gradient(135deg,#2F353F 0%,#1f2329 100%);padding:22px 26px;border-radius:0;box-shadow:0 6px 18px #00000059;max-width:340px;z-index:9999;opacity:0;transition:transform .45s cubic-bezier(0.34,1.56,0.64,1),opacity .45s ease}
.cookie-popup-box[data-visible="true"]{transform:translateY(-50%) translateX(0);opacity:1}
.cookie-popup-box .cookie-content12{display:flex;flex-direction:column;gap:16px}
.cookie-popup-box .cookie-message{font-size:14px;line-height:1.55;color:#ECF9C0;margin:0}
.cookie-popup-box .cookie-message a{color:#FF473B;text-decoration:underline;transition:color .2s ease}
.cookie-popup-box .cookie-message a:hover{color:#fff}
.cookie-popup-box .cookie-actions{display:flex;justify-content:flex-start}
.cookie-popup-box .accept-butt4{background:#FF473B;color:#fff;border:none;padding:10px 24px;font-size:14px;font-weight:700;cursor:pointer;border-radius:0;transition:background-color .2s ease;font-family:'Roboto',sans-serif}
.cookie-popup-box .accept-butt4:hover{background:#e63d32}
@media (max-width: 768px) {
.heado-wrap .top-row-holder{flex-direction:column;gap:18px;align-items:center}
.heado-wrap .main-navi{justify-content:center;width:100%}
.heado-wrap .logo-img45{height:75px;width:75px}
.footer-holder .info-section7{grid-template-columns:1fr;gap:24px}
.footer-holder .bottom-foot-section{flex-direction:column;text-align:center}
.footer-holder .policy-links8{flex-direction:column;gap:10px}
.cookie-popup-box{left:16px;right:16px;max-width:none;top:auto;bottom:20px;transform:translateX(0) translateY(400px)}
.cookie-popup-box[data-visible="true"]{transform:translateX(0) translateY(0)}
}
@media (max-width: 480px) {
.heado-wrap .main-navi{flex-direction:column;gap:12px;padding:12px 16px}
.heado-wrap .main-navi a{width:100%;text-align:center;padding:10px}
.footer-holder .messengers-row2{flex-direction:column;gap:10px}
.footer-holder .msg-link{text-align:center}
}
.doc-content{max-width:960px;margin:4rem auto;padding:2rem 1.5rem;background:linear-gradient(135deg,#fff 0%,#fafafa 100%);border-radius:24px;box-shadow:0 4px 2px #2f353f14}
.doc-content h1{font-size:2.75rem;line-height:1.2;color:#2F353F;margin:0 0 1.5rem;font-weight:700;letter-spacing:-.02em}
.doc-content h2{font-size:2rem;line-height:1.3;color:#2F353F;margin:3rem 0 1.25rem;font-weight:700;border-left:6px solid #FF473B;padding-left:1.25rem}
.doc-content h3{font-size:1.5rem;line-height:1.4;color:#2F353F;margin:2.5rem 0 1rem;font-weight:600}
.doc-content h4{font-size:1.25rem;line-height:1.4;color:#2F353F;margin:2rem 0 .875rem;font-weight:600}
.doc-content h5{font-size:1.125rem;line-height:1.5;color:#2F353F;margin:1.75rem 0 .75rem;font-weight:600}
.doc-content h6{font-size:1rem;line-height:1.5;color:#2F353F;margin:1.5rem 0 .75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.doc-content p{font-size:1.0625rem;line-height:1.8;color:#2F353F;margin:0 0 1.5rem}
.doc-content ul,.doc-content ol{font-size:1.0625rem;line-height:1.8;color:#2F353F;margin:0 0 1.5rem;padding-left:2rem}
.doc-content ul{list-style-type:disc}
.doc-content ol{list-style-type:decimal}
.doc-content li{margin-bottom:.75rem;padding-left:.5rem}
.doc-content li ul,.doc-content li ol{margin-top:.75rem;margin-bottom:.75rem}
.doc-content li ul{list-style-type:circle}
.doc-content li li ul{list-style-type:square}
.doc-content strong,.doc-content b{font-weight:700;color:#2F353F}
.doc-content a{color:#FF473B;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;transition:all .3s ease}
.doc-content a:hover{color:#2F353F;text-decoration-thickness:3px}
.doc-content a:focus{outline:3px solid #FF473B;outline-offset:2px;border-radius:4px}
.doc-content table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:1rem;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 1px #2f353f0f}
.doc-content thead{background:linear-gradient(135deg,#FF473B 0%,#e63d32 100%)}
.doc-content thead tr{color:#fff}
.doc-content th{padding:1.25rem 1.5rem;text-align:left;font-weight:700;color:#fff;font-size:1.0625rem;letter-spacing:.02em}
.doc-content tbody tr{border-bottom:1px solid #e8e8e8}
.doc-content tbody tr:last-child{border-bottom:none}
.doc-content tbody tr:nth-child(even){background:#fafafa}
.doc-content td{padding:1.125rem 1.5rem;color:#2F353F;line-height:1.6}
.doc-content hr{border:none;height:3px;background:linear-gradient(90deg,#FF473B 0%,#ECF9C0 100%);margin:3rem 0;border-radius:16px}
@media (max-width: 768px) {
.doc-content{margin:2rem auto;padding:1.5rem 1.25rem;border-radius:20px}
.doc-content h1{font-size:2rem;margin-bottom:1.25rem}
.doc-content h2{font-size:1.625rem;margin-top:2.5rem;padding-left:1rem;border-left-width:5px}
.doc-content h3{font-size:1.375rem;margin-top:2rem}
.doc-content h4{font-size:1.125rem}
.doc-content p,.doc-content ul,.doc-content ol{font-size:1rem}
.doc-content ul,.doc-content ol{padding-left:1.5rem}
.doc-content table{font-size:.9375rem;border-radius:12px}
.doc-content th,.doc-content td{padding:1rem}
.doc-content th{font-size:1rem}
}
@media (max-width: 480px) {
.doc-content{margin:1.5rem auto;padding:1.25rem 1rem;border-radius:16px}
.doc-content h1{font-size:1.75rem}
.doc-content h2{font-size:1.5rem;margin-top:2rem}
.doc-content h3{font-size:1.25rem}
.doc-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.doc-content th,.doc-content td{padding:.875rem .75rem;font-size:.875rem}
}
.page-main{max-width:960px;margin:0 auto;padding:0 20px}
.title-blok{position:relative;background:linear-gradient(143deg,#ECF9C0 0%,#fff 100%);border-radius:28px;padding:80px 40px;margin:60px 0 80px;overflow:hidden;box-shadow:0 4px 2px #2f353f14}
.title-blok::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(#2f353f08 1px,transparent 1px),linear-gradient(90deg,#2f353f08 1px,transparent 1px);background-size:40px 40px;pointer-events:none}
.title-blok::after{content:'';position:absolute;bottom:-20px;right:-20px;width:200px;height:200px;background:linear-gradient(217deg,#FF473B 0%,#ff473b4d 100%);border-radius:50%;filter:blur(60px);opacity:.4}
.title-content-wrap{position:relative;z-index:2;display:flex;align-items:center;gap:50px}
.title-text-section{flex:1}
.title-text-section h1{font-size:42px;line-height:1.2;color:#2F353F;margin:0 0 20px;font-weight:700}
.title-text-section h1 span{color:#FF473B;position:relative;display:inline-block}
.title-text-section h1 span::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#FF473B,#ECF9C0)}
.title-description{font-size:18px;line-height:1.6;color:#2F353F;margin:0}
.title-img-holder{flex:0 0 280px;position:relative}
.title-img-holder::before{content:'';position:absolute;top:-12px;left:-12px;right:12px;bottom:12px;background:linear-gradient(135deg,#ff473b26,#ecf9c026);border-radius:24px;z-index:1}
.title-img-holder img{position:relative;z-index:2;width:100%;height:auto;border-radius:20px;box-shadow:0 6px 4px #2f353f1f;filter:contrast(1.05) saturate(1.1)}
.program-structure-sec{margin:0 0 100px}
.structure-intro-area{text-align:center;max-width:720px;margin:0 auto 60px}
.structure-intro-area h2{font-size:36px;color:#2F353F;margin:0 0 20px;font-weight:700;position:relative;display:inline-block}
.structure-intro-area h2::before{content:'';position:absolute;top:-8px;left:-20px;width:12px;height:12px;background:#FF473B;border-radius:50%}
.structure-intro-area h2::after{content:'';position:absolute;top:-8px;right:-20px;width:12px;height:12px;background:#ECF9C0;border-radius:50%}
.structure-intro-area p{font-size:17px;line-height:1.7;color:#2F353F;margin:0}
.modules-grid-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.module-card-item{background:#fff;border-radius:24px;padding:40px 30px;box-shadow:0 3px 2px #2f353f0f;position:relative;transition:all .4s ease;border:2px solid transparent}
.module-card-item:hover{transform:translateY(-6px);box-shadow:0 8px 4px #ff473b26;border-color:#ECF9C0}
.module-card-item::before{content:'';position:absolute;top:0;left:0;width:6px;height:0;background:linear-gradient(180deg,#FF473B,#ECF9C0);border-radius:24px 0 0 24px;transition:height .4s ease}
.module-card-item:hover::before{height:100%}
.module-num-badge{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;background:linear-gradient(135deg,#FF473B,#ff6b61);color:#fff;font-size:22px;font-weight:700;border-radius:50%;margin:0 0 20px;box-shadow:0 4px 2px #ff473b33}
.module-card-item h3{font-size:22px;color:#2F353F;margin:0 0 14px;font-weight:700;line-height:1.3}
.module-card-item p{font-size:15px;line-height:1.6;color:#2F353F;margin:0 0 20px}
.module-duration-info{display:flex;align-items:center;gap:8px;font-size:14px;color:#FF473B;font-weight:600}
.module-duration-info::before{content:'';display:block;width:18px;height:18px;background:#ECF9C0;border-radius:50%}
.learning-path-visual{margin:80px 0 0;padding:60px 40px;background:linear-gradient(248deg,#2F353F 0%,#4a515c 100%);border-radius:28px;position:relative;overflow:hidden}
.learning-path-visual::before{content:'';position:absolute;top:-50%;right:-20%;width:500px;height:500px;background:radial-gradient(circle,#ff473b33 0%,transparent 70%);border-radius:50%}
.learning-path-visual::after{content:'';position:absolute;bottom:-30%;left:-15%;width:400px;height:400px;background:radial-gradient(circle,#ecf9c026 0%,transparent 70%);border-radius:50%}
.path-content-holder{position:relative;z-index:2}
.path-content-holder h2{font-size:32px;color:#fff;margin:0 0 40px;font-weight:700;text-align:center}
.path-steps-container{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;position:relative}
.path-steps-container::before{content:'';position:absolute;top:40px;left:60px;right:60px;height:3px;background:linear-gradient(90deg,#ECF9C0 0%,#FF473B 50%,#ECF9C0 100%);z-index:1}
.step-box{flex:1;text-align:center;position:relative;z-index:2}
.step-icon-circle{width:80px;height:80px;background:linear-gradient(135deg,#FF473B,#ff6b61);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 6px 3px #0003;font-size:36px;color:#fff;font-weight:700;transition:transform .3s ease}
.step-box:hover .step-icon-circle{transform:scale(1.12)}
.step-box h3{font-size:18px;color:#ECF9C0;margin:0 0 10px;font-weight:700}
.step-box p{font-size:14px;line-height:1.5;color:#ffffffd9;margin:0}
@media (max-width: 768px) {
.title-blok{padding:50px 25px;margin:40px 0 60px}
.title-content-wrap{flex-direction:column;gap:30px}
.title-text-section h1{font-size:32px}
.title-img-holder{flex:0 0 auto;width:100%;max-width:320px}
.structure-intro-area h2{font-size:28px}
.modules-grid-wrapper{grid-template-columns:1fr;gap:20px}
.learning-path-visual{padding:40px 20px;margin:60px 0 0}
.path-content-holder h2{font-size:26px}
.path-steps-container{flex-direction:column;gap:40px}
.path-steps-container::before{display:none}
}
@media (min-width: 769px) and (max-width: 1024px) {
.title-content-wrap{gap:35px}
.title-text-section h1{font-size:36px}
.modules-grid-wrapper{grid-template-columns:repeat(2,1fr)}
.path-steps-container{gap:20px}
}
.title-hero{position:relative;min-height:480px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(145deg,#ECF9C0 0%,#fff 100%);margin-bottom:80px;padding:60px 20px}
.title-hero::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:linear-gradient(225deg,#FF473B 0%,#ff473b66 100%);border-radius:42% 58% 70% 30% / 45% 35% 65% 55%;opacity:.15;filter:blur(40px)}
.title-hero::after{content:'';position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:#2F353F;border-radius:60% 40% 30% 70% / 60% 30% 70% 40%;opacity:.08;filter:blur(50px)}
.title-content-wrap{position:relative;z-index:2;max-width:960px;margin:0 auto;text-align:center}
.title-content-wrap h1{font-size:3.2rem;line-height:1.2;color:#2F353F;margin-bottom:28px;font-weight:700}
.title-content-wrap h1 .accent-part{color:#FF473B;position:relative;display:inline-block}
.title-content-wrap h1 .accent-part::after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:4px;background:linear-gradient(90deg,#FF473B 0%,#ff473b4d 100%);border-radius:24px}
.title-content-wrap .subtitle-txt{font-size:1.2rem;line-height:1.6;color:#2F353F;opacity:.85;max-width:700px;margin:0 auto}
.title-img-holder{position:absolute;right:8%;top:50%;transform:translateY(-50%);width:320px;height:320px;border-radius:28px;overflow:hidden;box-shadow:0 12px 48px #2f353f26;opacity:.4;z-index:1}
.title-img-holder img{width:100%;height:100%;object-fit:cover;filter:grayscale(20%) contrast(1.1)}
.events-grid-section{max-width:960px;margin:0 auto 90px;padding:0 20px}
.events-grid-section .section-heado{text-align:left;margin-bottom:48px}
.events-grid-section .section-heado h2{font-size:2.4rem;color:#2F353F;margin-bottom:16px;position:relative;display:inline-block}
.events-grid-section .section-heado h2::before{content:'';position:absolute;left:-24px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#FF473B;border-radius:50%}
.events-grid-section .section-heado p{font-size:1.05rem;color:#2F353F;opacity:.75;line-height:1.7}
.event-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.event-card-item{background:#fff;border:2px solid #ECF9C0;border-radius:20px;padding:32px;transition:all .3s ease;position:relative;overflow:hidden}
.event-card-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#FF473B 0%,#ECF9C0 100%);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.event-card-item:hover::before{transform:scaleX(1)}
.event-card-item:hover{border-color:#FF473B;box-shadow:0 8px 32px #ff473b26;transform:translateY(-4px)}
.event-card-item .event-date-badge{display:inline-block;background:linear-gradient(135deg,#FF473B 0%,#ff473bcc 100%);color:#fff;padding:8px 16px;border-radius:16px;font-size:.9rem;font-weight:600;margin-bottom:20px}
.event-card-item h3{font-size:1.5rem;color:#2F353F;margin-bottom:14px;line-height:1.3}
.event-card-item .event-desc-txt{font-size:1rem;color:#2F353F;opacity:.8;line-height:1.6;margin-bottom:24px}
.event-card-item .event-meta-row{display:flex;gap:24px;margin-bottom:24px}
.event-meta-item{display:flex;align-items:center;gap:8px;font-size:.95rem;color:#2F353F;opacity:.7}
.event-meta-item .oi{color:#FF473B}
.event-card-item .enroll-butt{display:inline-block;background:#2F353F;color:#fff;padding:12px 28px;border-radius:20px;text-decoration:none;font-weight:600;transition:all .3s ease;position:relative;z-index:5}
.event-card-item .enroll-butt:hover{background:#FF473B;transform:scale(1.05);box-shadow:0 6px 20px #ff473b4d}
.timeline-section-wrap{background:linear-gradient(175deg,#ECF9C0 0%,#fff 100%);padding:70px 20px;margin-bottom:90px}
.timeline-inner-holder{max-width:960px;margin:0 auto}
.timeline-inner-holder .section-heado2{text-align:center;margin-bottom:56px}
.timeline-inner-holder .section-heado2 h2{font-size:2.4rem;color:#2F353F;margin-bottom:18px;position:relative;display:inline-block}
.timeline-inner-holder .section-heado2 h2::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:#FF473B;border-radius:24px}
.timeline-steps-holder{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;position:relative}
.timeline-steps-holder::before{content:'';position:absolute;top:60px;left:12%;right:12%;height:3px;background:linear-gradient(90deg,#FF473B 0%,#ECF9C0 100%);z-index:1}
.timeline-step-box{text-align:center;position:relative;z-index:2;padding-top:20px}
.timeline-step-box .step-circle-num{width:80px;height:80px;background:#fff;border:4px solid #FF473B;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:1.8rem;font-weight:700;color:#2F353F;box-shadow:0 6px 24px #ff473b33;transition:all .3s ease}
.timeline-step-box:hover .step-circle-num{background:#FF473B;color:#fff;transform:scale(1.1)}
.timeline-step-box h4{font-size:1.2rem;color:#2F353F;margin-bottom:12px}
.timeline-step-box p{font-size:.95rem;color:#2F353F;opacity:.75;line-height:1.6}
.featured-workshop-section{max-width:960px;margin:0 auto 80px;padding:0 20px}
.featured-workshop-section .featured-card-wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 8px 40px #2f353f1f}
.featured-img-side{position:relative;overflow:hidden}
.featured-img-side img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.featured-workshop-section:hover .featured-img-side img{transform:scale(1.08)}
.featured-img-side::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#2f353f66 0%,#ff473b4d 100%);opacity:0;transition:opacity .4s ease}
.featured-workshop-section:hover .featured-img-side::after{opacity:1}
.featured-content-side{padding:48px 40px;display:flex;flex-direction:column;justify-content:center}
.featured-content-side .feature-badge{display:inline-block;background:#ECF9C0;color:#2F353F;padding:8px 18px;border-radius:16px;font-size:.9rem;font-weight:600;margin-bottom:20px;width:fit-content}
.featured-content-side h3{font-size:2rem;color:#2F353F;margin-bottom:18px;line-height:1.3}
.featured-content-side .feature-desc{font-size:1.05rem;color:#2F353F;opacity:.8;line-height:1.7;margin-bottom:28px}
.featured-content-side .feature-stats-row{display:flex;gap:32px;margin-bottom:32px}
.stat-item-box{text-align:center}
.stat-item-box .stat-num{font-size:2rem;font-weight:700;color:#FF473B;display:block;margin-bottom:6px}
.stat-item-box .stat-label{font-size:.9rem;color:#2F353F;opacity:.7}
.featured-content-side .register-butt{display:inline-block;background:linear-gradient(135deg,#FF473B 0%,#ff473bd9 100%);color:#fff;padding:16px 36px;border-radius:24px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease;width:fit-content;position:relative;z-index:5;box-shadow:0 6px 24px #ff473b40}
.featured-content-side .register-butt:hover{transform:translateY(-3px);box-shadow:0 10px 32px #ff473b59}
@media (max-width: 768px) {
.title-hero{min-height:380px;padding:40px 20px;margin-bottom:60px}
.title-content-wrap h1{font-size:2.2rem;margin-bottom:20px}
.title-content-wrap .subtitle-txt{font-size:1.05rem}
.title-img-holder{width:200px;height:200px;opacity:.25}
.event-cards-grid{grid-template-columns:1fr;gap:24px}
.timeline-steps-holder{grid-template-columns:1fr;gap:32px}
.timeline-steps-holder::before{display:none}
.featured-workshop-section .featured-card-wrap{grid-template-columns:1fr;gap:0}
.featured-img-side{min-height:280px}
.featured-content-side{padding:32px 24px}
.featured-content-side .feature-stats-row{gap:20px}
}
@media (max-width: 480px) {
.title-content-wrap h1{font-size:1.8rem}
.events-grid-section .section-heado h2,.timeline-inner-holder .section-heado2 h2{font-size:1.8rem}
.featured-content-side h3{font-size:1.6rem}
.event-card-item{padding:24px}
.timeline-step-box .step-circle-num{width:70px;height:70px;font-size:1.5rem}
}
.hero-wrap{background:linear-gradient(137deg,#ECF9C0 0%,#fff 100%);padding:60px 20px;margin-bottom:80px;border-radius:28px;overflow:hidden;position:relative}
.hero-wrap::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:linear-gradient(210deg,#ff473b14 0%,transparent 70%);border-radius:50%;pointer-events:none}
.hero-wrap::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:linear-gradient(45deg,#2f353f0f 0%,transparent 60%);border-radius:50%;pointer-events:none}
.hero-inner{max-width:960px;margin:0 auto;display:flex;gap:50px;align-items:center;position:relative;z-index:1}
.hero-img-holder{flex:0 0 340px;position:relative}
.hero-img-holder img{width:100%;height:480px;object-fit:cover;border-radius:24px;display:block;box-shadow:0 8px 24px #2f353f1f}
.hero-img-holder::before{content:'';position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(180deg,#2f353f66 0%,transparent 100%);border-radius:24px 24px 0 0;pointer-events:none}
.hero-img-holder::after{content:'';position:absolute;bottom:0;left:0;right:0;height:140px;background:linear-gradient(0deg,#ff473b59 0%,transparent 100%);border-radius:0 0 24px 24px;pointer-events:none}
.hero-txt{flex:1}
.hero-txt h1{font-size:3.2rem;line-height:1.15;margin:0 0 24px;color:#2F353F;font-weight:700}
.hero-txt h1 .accent-word{color:#FF473B;position:relative;display:inline-block}
.hero-txt h1 .accent-word::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#FF473B 0%,transparent 100%)}
.hero-txt p{font-size:1.15rem;line-height:1.7;color:#2F353F;margin:0 0 32px;opacity:.85}
.hero-cta-butt{display:inline-block;background:linear-gradient(135deg,#FF473B 0%,#ff6b61 100%);color:#fff;padding:16px 42px;border-radius:24px;text-decoration:none;font-weight:600;font-size:1.05rem;box-shadow:0 6px 18px #ff473b4d;transition:all .3s ease;position:relative;z-index:5}
.hero-cta-butt:hover{transform:translateY(-3px);box-shadow:0 10px 28px #ff473b66;background:linear-gradient(135deg,#ff6b61 0%,#FF473B 100%)}
.efficiency-section{max-width:960px;margin:0 auto 80px;padding:0 20px}
.efficiency-section h2{font-size:2.4rem;text-align:center;margin:0 0 50px;color:#2F353F;position:relative;display:inline-block;width:100%}
.efficiency-section h2::before{content:'';position:absolute;left:50%;transform:translateX(-50%);bottom:-12px;width:80px;height:4px;background:linear-gradient(90deg,#FF473B 0%,#ECF9C0 100%);border-radius:2px}
.efficiency-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.efficiency-card{background:linear-gradient(155deg,#fff 0%,#f8f9fa 100%);padding:36px 28px;border-radius:20px;border:2px solid transparent;transition:all .35s ease;position:relative;overflow:hidden}
.efficiency-card::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#FF473B 0%,#ECF9C0 100%);opacity:0;transition:opacity .35s ease}
.efficiency-card:hover{border-color:#ECF9C0;box-shadow:0 8px 24px #2f353f14;transform:translateY(-5px)}
.efficiency-card:hover::before{opacity:1}
.efficiency-card h3{font-size:1.5rem;margin:0 0 16px;color:#FF473B;font-weight:600}
.efficiency-card p{font-size:1rem;line-height:1.65;color:#2F353F;margin:0;opacity:.8}
.development-wrapper{background:linear-gradient(225deg,#2F353F 0%,#1a1d23 100%);padding:70px 20px;border-radius:28px;margin-bottom:80px;position:relative;overflow:hidden}
.development-wrapper::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,#ecf9c01a 0%,transparent 70%);border-radius:50%}
.development-content{max-width:960px;margin:0 auto;position:relative;z-index:1}
.development-content h2{font-size:2.4rem;color:#ECF9C0;margin:0 0 20px;text-align:center}
.development-content .subtitle-dev{text-align:center;font-size:1.1rem;color:#fff;opacity:.75;margin:0 0 50px}
.development-columns{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.dev-column{background:#ffffff0a;padding:40px 32px;border-radius:20px;border-left:4px solid #FF473B}
.dev-column h3{font-size:1.7rem;color:#ECF9C0;margin:0 0 24px;font-weight:600}
.dev-list{list-style:none;padding:0;margin:0}
.dev-list li{padding:14px 0;color:#fff;font-size:1.05rem;line-height:1.6;position:relative;padding-left:28px;opacity:.9}
.dev-list li::before{content:'→';position:absolute;left:0;color:#FF473B;font-weight:700}
.dev-column:nth-child(2){border-left-color:#ECF9C0}
.dev-column:nth-child(2) .dev-list li::before{color:#ECF9C0}
.trust-section{max-width:960px;margin:0 auto 80px;padding:0 20px}
.trust-section h2{font-size:2.4rem;color:#2F353F;margin:0 0 50px;text-align:center}
.trust-blocks{display:grid;grid-template-columns:repeat(2,1fr);gap:36px;margin-bottom:50px}
.trust-item{background:linear-gradient(140deg,#f8f9fa 0%,#fff 100%);padding:38px 32px;border-radius:24px;border:1px solid #ECF9C0;display:flex;gap:24px;align-items:flex-start;transition:all .3s ease}
.trust-item:hover{box-shadow:0 6px 20px #2f353f1a;transform:translateX(4px)}
.trust-icon-holder{flex:0 0 64px;height:64px;background:linear-gradient(135deg,#FF473B 0%,#ff6b61 100%);border-radius:16px;display:flex;align-items:center;justify-content:center}
.trust-icon-holder svg{width:32px;height:32px;fill:#fff}
.trust-txt h3{font-size:1.4rem;margin:0 0 12px;color:#2F353F;font-weight:600}
.trust-txt p{font-size:1rem;line-height:1.65;color:#2F353F;margin:0;opacity:.8}
.visual-showcase{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:50px}
.visual-showcase img{width:100%;height:280px;object-fit:cover;border-radius:20px;box-shadow:0 6px 18px #2f353f1a;transition:all .35s ease}
.visual-showcase img:hover{transform:scale(1.03);box-shadow:0 10px 28px #2f353f26}
.final-cta-section{max-width:960px;margin:0 auto 60px;padding:0 20px}
.final-cta-box{background:linear-gradient(125deg,#ECF9C0 0%,#d9f09a 100%);padding:60px 50px;border-radius:28px;text-align:center;position:relative;overflow:hidden}
.final-cta-box::before{content:'';position:absolute;top:-60px;left:-60px;width:200px;height:200px;background:radial-gradient(circle,#ff473b26 0%,transparent 70%);border-radius:50%}
.final-cta-box h2{font-size:2.2rem;color:#2F353F;margin:0 0 20px;position:relative;z-index:1}
.final-cta-box p{font-size:1.15rem;color:#2F353F;margin:0 0 32px;opacity:.85;position:relative;z-index:1}
.final-cta-butt{display:inline-block;background:linear-gradient(135deg,#FF473B 0%,#ff6b61 100%);color:#fff;padding:16px 48px;border-radius:24px;text-decoration:none;font-weight:600;font-size:1.05rem;box-shadow:0 6px 18px #ff473b4d;transition:all .3s ease;position:relative;z-index:5}
.final-cta-butt:hover{transform:translateY(-3px);box-shadow:0 10px 28px #ff473b66;background:linear-gradient(135deg,#ff6b61 0%,#FF473B 100%)}
@media (max-width: 768px) {
.hero-inner{flex-direction:column;gap:30px}
.hero-img-holder{flex:0 0 auto;width:100%}
.hero-img-holder img{height:360px}
.hero-txt h1{font-size:2.2rem}
.efficiency-grid{grid-template-columns:1fr;gap:24px}
.development-columns{grid-template-columns:1fr;gap:32px}
.trust-blocks{grid-template-columns:1fr;gap:24px}
.trust-item{flex-direction:column;align-items:center;text-align:center}
.visual-showcase{grid-template-columns:1fr}
.final-cta-box{padding:40px 30px}
.final-cta-box h2{font-size:1.8rem}
}
@media (min-width: 769px) and (max-width: 1024px) {
.hero-inner{gap:35px}
.hero-img-holder{flex:0 0 300px}
.efficiency-grid{grid-template-columns:repeat(2,1fr)}
}
.main-content-holder{max-width:960px;margin:0 auto;padding:0 20px}
.title-sect-wrapper{position:relative;margin:60px 0 80px;border-radius:24px;overflow:hidden;min-height:380px;display:flex;align-items:center;justify-content:center}
.title-sect-wrapper .bg-img-holder{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.title-sect-wrapper .bg-img-holder img{width:100%;height:100%;object-fit:cover;filter:blur(3px);opacity:.35}
.title-sect-wrapper .txt-container-light{position:relative;z-index:3;background:#fffffff0;padding:48px 56px;border-radius:20px;max-width:680px;box-shadow:0 6px 32px #0000001f}
.title-sect-wrapper .txt-container-light h1{font-size:2.8rem;color:#2F353F;margin:0 0 16px;line-height:1.2}
.title-sect-wrapper .txt-container-light .subtitle-txt{font-size:1.15rem;color:#2F353F;line-height:1.6;margin:0;opacity:.85}
.title-sect-wrapper .deco-dots-line{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:12px;z-index:2}
.title-sect-wrapper .deco-dots-line span{width:8px;height:8px;background:#FF473B;border-radius:50%;opacity:.7}
.contact-info-sect{margin:0 0 70px}
.contact-info-sect .section-head{text-align:center;margin:0 0 56px}
.contact-info-sect .section-head h2{font-size:2.2rem;color:#2F353F;margin:0 0 14px}
.contact-info-sect .section-head .desc-txt{font-size:1.05rem;color:#2F353F;opacity:.75;max-width:620px;margin:0 auto;line-height:1.6}
.contact-info-sect .info-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.contact-info-sect .info-card-item{background:linear-gradient(135deg,#ECF9C0 0%,#ecf9c066 100%);border-radius:18px;padding:36px 28px;box-shadow:0 4px 16px #0000000f;transition:transform .3s ease,box-shadow .3s ease}
.contact-info-sect .info-card-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}
.contact-info-sect .info-card-item .icon-holder{width:52px;height:52px;background:#FF473B;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 0 20px}
.contact-info-sect .info-card-item .icon-holder svg{width:26px;height:26px;fill:#fff}
.contact-info-sect .info-card-item h3{font-size:1.3rem;color:#2F353F;margin:0 0 12px}
.contact-info-sect .info-card-item .detail-txt{font-size:1rem;color:#2F353F;line-height:1.7;margin:0}
.contact-info-sect .info-card-item a{color:#FF473B;text-decoration:none;font-weight:500;transition:opacity .2s ease}
.contact-info-sect .info-card-item a:hover{opacity:.8}
.contact-info-sect .messenger-links{display:flex;gap:12px;margin:16px 0 0}
.contact-info-sect .messenger-links a{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;border-radius:8px;font-size:.9rem;transition:background .2s ease}
.contact-info-sect .messenger-links a:hover{background:#ff473b1a}
.form-sect-wrapper{margin:0 0 80px;background:linear-gradient(165deg,#2F353F 0%,#1a1e24 100%);border-radius:28px;padding:64px 48px;box-shadow:0 6px 32px #00000026}
.form-sect-wrapper .form-intro{text-align:center;margin:0 0 48px}
.form-sect-wrapper .form-intro h2{font-size:2.1rem;color:#ECF9C0;margin:0 0 16px}
.form-sect-wrapper .form-intro .intro-desc{font-size:1.05rem;color:#ecf9c0cc;max-width:560px;margin:0 auto;line-height:1.6}
.form-sect-wrapper .contact-form-main{max-width:680px;margin:0 auto}
.form-sect-wrapper .form-row-holder{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0 0 24px}
.form-sect-wrapper .form-field-wrapper{margin:0 0 24px}
.form-sect-wrapper label{display:block;font-size:.95rem;color:#ECF9C0;margin:0 0 8px;font-weight:500}
.form-sect-wrapper input[type="text"],.form-sect-wrapper input[type="email"],.form-sect-wrapper input[type="tel"]{width:100%;padding:14px 18px;border:2px solid #ecf9c033;border-radius:12px;background:#ffffff0d;color:#ECF9C0;font-size:1rem;transition:border-color .3s ease,background .3s ease;box-sizing:border-box}
.form-sect-wrapper input[type="text"]:focus,.form-sect-wrapper input[type="email"]:focus,.form-sect-wrapper input[type="tel"]:focus{outline:none;border-color:#FF473B;background:#ffffff14}
.form-sect-wrapper input::placeholder{color:#ecf9c066}
.form-sect-wrapper .radio-group-wrapper{margin:0 0 28px}
.form-sect-wrapper .radio-group-wrapper .group-label{display:block;font-size:.95rem;color:#ECF9C0;margin:0 0 16px;font-weight:500}
.form-sect-wrapper .radio-options-holder{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}
.form-sect-wrapper .radio-option-item{position:relative}
.form-sect-wrapper .radio-option-item input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.form-sect-wrapper .radio-option-item label{display:block;padding:14px 20px;background:#ffffff0d;border:2px solid #ecf9c033;border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:center;font-weight:500;margin:0}
.form-sect-wrapper .radio-option-item input[type="radio"]:checked + label{background:#ff473b26;border-color:#FF473B;color:#FF473B}
.form-sect-wrapper .radio-option-item label:hover{background:#ffffff14;border-color:#ecf9c066}
.form-sect-wrapper .privacy-checkbox-holder{margin:0 0 28px;display:flex;align-items:flex-start;gap:12px}
.form-sect-wrapper .privacy-checkbox-holder input[type="checkbox"]{margin:4px 0 0;width:20px;height:20px;cursor:pointer;flex-shrink:0}
.form-sect-wrapper .privacy-checkbox-holder label{font-size:.9rem;color:#ecf9c0cc;line-height:1.5;margin:0;font-weight:400}
.form-sect-wrapper .privacy-checkbox-holder a{color:#FF473B;text-decoration:underline}
.form-sect-wrapper .privacy-checkbox-holder a:hover{opacity:.8}
.form-sect-wrapper .submit-btn-holder{text-align:center}
.form-sect-wrapper button[type="submit"]{padding:16px 56px;background:linear-gradient(135deg,#FF473B 0%,#e63b30 100%);color:#fff;font-size:1.1rem;font-weight:600;border:none;border-radius:14px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 5px 20px #ff473b4d;z-index:10;position:relative}
.form-sect-wrapper button[type="submit"]:hover{transform:translateY(-2px);box-shadow:0 8px 28px #ff473b66}
.form-sect-wrapper button[type="submit"]:active{transform:translateY(0)}
@media (max-width: 768px) {
.title-sect-wrapper{min-height:320px;margin:40px 0 60px}
.title-sect-wrapper .txt-container-light{padding:36px 32px}
.title-sect-wrapper .txt-container-light h1{font-size:2.2rem}
.title-sect-wrapper .txt-container-light .subtitle-txt{font-size:1rem}
.contact-info-sect .section-head h2{font-size:1.8rem}
.contact-info-sect .info-cards-grid{grid-template-columns:1fr;gap:24px}
.form-sect-wrapper{padding:48px 28px}
.form-sect-wrapper .form-intro h2{font-size:1.7rem}
.form-sect-wrapper .form-row-holder{grid-template-columns:1fr;gap:0}
.form-sect-wrapper .radio-options-holder{grid-template-columns:1fr}
.form-sect-wrapper button[type="submit"]{width:100%;padding:16px 32px}
}
@media (max-width: 480px) {
.title-sect-wrapper .txt-container-light{padding:28px 24px}
.title-sect-wrapper .txt-container-light h1{font-size:1.8rem}
.contact-info-sect .messenger-links{flex-direction:column}
.contact-info-sect .messenger-links a{justify-content:center}
}
.visual-showcase-sect{margin:0 0 80px;position:relative}
.visual-showcase-sect .showcase-wrapper{border-radius:24px;overflow:hidden;box-shadow:0 6px 32px #0000001a}
.visual-showcase-sect .showcase-wrapper img{width:100%;height:auto;display:block}
.hero-plate{width:100%;max-width:960px;margin:60px auto;padding:0 20px}
.hero-plate .intro-segment{display:flex;gap:48px;align-items:center;margin-bottom:48px}
.hero-plate .intro-segment .text-holder{flex:1}
.hero-plate .intro-segment .text-holder h1{font-size:2.8em;margin-bottom:24px;color:#2F353F;line-height:1.2}
.hero-plate .intro-segment .text-holder h1::before{content:'';display:block;width:80px;height:6px;background:linear-gradient(135deg,#FF473B,#ECF9C0);margin-bottom:20px;border-radius:20px}
.hero-plate .intro-segment .text-holder p{font-size:1.15em;line-height:1.7;color:#2F353F;margin-bottom:16px}
.hero-plate .intro-segment .imag-side{flex:0 0 420px;position:relative}
.hero-plate .intro-segment .imag-side img{width:100%;height:auto;border-radius:24px;box-shadow:4px 4px 0 #FF473B;display:block}
.story-wrap{width:100%;max-width:960px;margin:80px auto;padding:0 20px}
.story-wrap .timeline-holder{position:relative;padding-left:60px}
.story-wrap .timeline-holder::before{content:'';position:absolute;left:20px;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#FF473B,#ECF9C0);border-radius:20px}
.story-wrap .timeline-holder h2{font-size:2.4em;color:#2F353F;margin-bottom:48px;padding-left:0}
.story-wrap .event-node{position:relative;margin-bottom:56px}
.story-wrap .event-node::before{content:'';position:absolute;left:-48px;top:8px;width:16px;height:16px;background:#FF473B;border-radius:50%;box-shadow:0 0 0 6px #ECF9C0;z-index:2}
.story-wrap .event-node .year-tag{display:inline-block;background:#2F353F;color:#ECF9C0;padding:6px 18px;border-radius:18px;font-size:.95em;font-weight:600;margin-bottom:12px}
.story-wrap .event-node h3{font-size:1.6em;color:#2F353F;margin-bottom:12px}
.story-wrap .event-node p{font-size:1.05em;line-height:1.65;color:#2F353F}
.values-grid-wrap{width:100%;background:linear-gradient(155deg,#ECF9C0 0%,#fff 100%);padding:80px 20px;margin-top:80px}
.values-grid-wrap .inner-container{max-width:960px;margin:0 auto}
.values-grid-wrap h2{font-size:2.4em;color:#2F353F;text-align:center;margin-bottom:56px;position:relative}
.values-grid-wrap h2::after{content:'';display:block;width:120px;height:5px;background:#FF473B;margin:20px auto 0;border-radius:20px}
.values-grid-wrap .grid-cols{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.values-grid-wrap .value-card{background:#fff;padding:36px;border-radius:24px;box-shadow:3px 3px 0 #2f353f1a;transition:transform 0.3s,box-shadow .3s;position:relative;overflow:hidden}
.values-grid-wrap .value-card::before{content:'';position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,#FF473B,#ECF9C0)}
.values-grid-wrap .value-card:hover{transform:translateY(-4px);box-shadow:6px 6px 0 #2f353f26}
.values-grid-wrap .value-card h3{font-size:1.5em;color:#2F353F;margin-bottom:16px;position:relative;padding-left:16px}
.values-grid-wrap .value-card p{font-size:1.05em;line-height:1.65;color:#2F353F}
.team-display{width:100%;max-width:960px;margin:80px auto;padding:0 20px}
.team-display h2{font-size:2.4em;color:#2F353F;margin-bottom:48px}
.team-display .profile-rows{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.team-display .profile-card{background:#fff;border:3px solid #ECF9C0;border-radius:20px;padding:28px;text-align:center;transition:border-color 0.3s,transform .3s}
.team-display .profile-card:hover{border-color:#FF473B;transform:scale(1.03)}
.team-display .profile-card .avatar-holder{width:100px;height:100px;margin:0 auto 20px;border-radius:50%;background:linear-gradient(135deg,#FF473B,#ECF9C0);display:flex;align-items:center;justify-content:center;font-size:2.5em;color:#2F353F;font-weight:700;box-shadow:0 4px 8px #2f353f26}
.team-display .profile-card h3{font-size:1.3em;color:#2F353F;margin-bottom:8px}
.team-display .profile-card .role-label{font-size:.95em;color:#FF473B;font-weight:600;margin-bottom:12px}
.team-display .profile-card p{font-size:.95em;line-height:1.5;color:#2F353F}
.methodology-section{width:100%;max-width:960px;margin:80px auto;padding:0 20px}
.methodology-section h2{font-size:2.4em;color:#2F353F;margin-bottom:48px}
.methodology-section .approach-blocks{display:flex;flex-direction:column;gap:32px}
.methodology-section .approach-item{display:flex;gap:32px;align-items:flex-start;background:linear-gradient(110deg,#fff 0%,#ECF9C0 100%);padding:32px;border-radius:24px;box-shadow:2px 2px 0 #ff473b33}
.methodology-section .approach-item .visual-segment{flex:0 0 240px}
.methodology-section .approach-item .visual-segment img{width:100%;height:auto;border-radius:16px;box-shadow:3px 3px 0 #2F353F;display:block}
.methodology-section .approach-item .text-segment{flex:1}
.methodology-section .approach-item h3{font-size:1.6em;color:#2F353F;margin-bottom:16px}
.methodology-section .approach-item p{font-size:1.05em;line-height:1.65;color:#2F353F;margin-bottom:12px}
.contact-nudge{width:100%;background:#2F353F;padding:60px 20px;margin-top:80px;text-align:center}
.contact-nudge h2{font-size:2.2em;color:#ECF9C0;margin-bottom:20px}
.contact-nudge p{font-size:1.15em;color:#ECF9C0;margin-bottom:32px;max-width:640px;margin-left:auto;margin-right:auto}
.contact-nudge .btn-primary{display:inline-block;background:#FF473B;color:#fff;padding:16px 40px;border-radius:24px;font-size:1.1em;font-weight:600;text-decoration:none;box-shadow:4px 4px 0 #ECF9C0;transition:transform 0.3s,box-shadow .3s;z-index:10;position:relative}
.contact-nudge .btn-primary:hover{transform:translateY(-3px);box-shadow:6px 6px 0 #ECF9C0}
@media (max-width: 768px) {
.hero-plate .intro-segment{flex-direction:column;gap:32px}
.hero-plate .intro-segment .imag-side{flex:1;width:100%}
.hero-plate .intro-segment .text-holder h1{font-size:2.2em}
.story-wrap .timeline-holder{padding-left:40px}
.values-grid-wrap .grid-cols{grid-template-columns:1fr}
.team-display .profile-rows{grid-template-columns:1fr}
.methodology-section .approach-item{flex-direction:column}
.methodology-section .approach-item .visual-segment{flex:1;width:100%}
}
@media (max-width: 480px) {
.hero-plate .intro-segment .text-holder h1{font-size:1.8em}
.story-wrap h2,.values-grid-wrap h2,.team-display h2,.methodology-section h2{font-size:1.9em}
.contact-nudge h2{font-size:1.7em}
}
.success-wrap{max-width:960px;margin:0 auto;padding:80px 20px}
.confirmation-block{background:linear-gradient(142deg,#ECF9C0 0%,#fff 45%,#FFE8E7 100%);border-radius:28px;padding:60px 40px;position:relative;overflow:hidden;margin-bottom:50px;box-shadow:0 4px 2px #2f353f14}
.confirmation-block::before{content:'';position:absolute;width:280px;height:280px;background:radial-gradient(circle,#ff473b26 0%,transparent 70%);top:-80px;right:-60px;border-radius:50%;filter:blur(40px);z-index:1}
.confirmation-block::after{content:'';position:absolute;width:200px;height:200px;background:radial-gradient(circle,#ecf9c066 0%,transparent 65%);bottom:-50px;left:-40px;border-radius:50%;filter:blur(35px);z-index:1}
.confirmation-content{position:relative;z-index:2;text-align:center}
.success-icon-holder{width:90px;height:90px;margin:0 auto 30px;position:relative}
.success-icon-holder svg{width:100%;height:100%;filter:drop-shadow(0 3px 6px #2f353f1f)}
.confirmation-content h1{font-size:42px;color:#2F353F;margin:0 0 20px;line-height:1.2;font-weight:700}
.confirmation-content p{font-size:18px;color:#2F353F;margin:0 0 35px;line-height:1.6;max-width:580px;margin-left:auto;margin-right:auto}
.confirmation-list{list-style:none;padding:0;margin:0 0 40px;display:flex;flex-direction:column;gap:16px;max-width:520px;margin-left:auto;margin-right:auto}
.confirmation-list li{font-size:16px;color:#2F353F;padding-left:32px;position:relative;text-align:left;line-height:1.5}
.confirmation-list li::before{content:'';position:absolute;left:0;top:4px;width:18px;height:18px;background:#FF473B;border-radius:50%;box-shadow:0 2px 4px #ff473b4d}
.butt-holder{display:flex;flex-direction:row;justify-content:center;gap:20px;flex-wrap:wrap}
.primary-butt2{display:inline-block;background:linear-gradient(135deg,#FF473B 0%,#d63830 100%);color:#fff;padding:16px 38px;border-radius:24px;text-decoration:none;font-size:17px;font-weight:600;transition:all .3s ease;box-shadow:0 5px 3px #ff473b26;border:none;cursor:pointer;position:relative;z-index:3}
.primary-butt2:hover{transform:translateY(-2px);box-shadow:0 7px 5px #ff473b38}
.secondary-butt2{display:inline-block;background:#fff;color:#2F353F;padding:16px 38px;border-radius:24px;text-decoration:none;font-size:17px;font-weight:600;transition:all .3s ease;box-shadow:0 3px 2px #2f353f1a;border:2px solid #ECF9C0;cursor:pointer;position:relative;z-index:3}
.secondary-butt2:hover{transform:translateY(-2px);box-shadow:0 5px 4px #2f353f26;border-color:#FF473B}
.info-grid-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:60px}
.info-card3{background:#fff;border-radius:20px;padding:35px 30px;box-shadow:0 4px 2px #2f353f0f;border:2px solid #ECF9C0;transition:all .3s ease;position:relative;overflow:hidden}
.info-card3::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#FF473B 0%,#ECF9C0 100%);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.info-card3:hover::before{transform:scaleX(1)}
.info-card3:hover{transform:translateY(-4px);box-shadow:0 8px 5px #2f353f1a;border-color:#FF473B}
.card-icon-wrap{width:50px;height:50px;margin-bottom:22px}
.card-icon-wrap svg{width:100%;height:100%}
.info-card3 h3{font-size:22px;color:#2F353F;margin:0 0 14px;font-weight:700}
.info-card3 p{font-size:15px;color:#2F353F;margin:0;line-height:1.6}
.contact-detail-list{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:10px}
.contact-detail-list li{font-size:14px;color:#2F353F;display:flex;align-items:center;gap:8px}
.contact-detail-list li a{color:#FF473B;text-decoration:none;transition:opacity .2s ease}
.contact-detail-list li a:hover{opacity:.7}
@media (max-width: 768px) {
.success-wrap{padding:50px 16px}
.confirmation-block{padding:40px 24px;margin-bottom:40px;border-radius:20px}
.confirmation-content h1{font-size:32px}
.confirmation-content p{font-size:16px}
.confirmation-list{max-width:100%}
.butt-holder{flex-direction:column;align-items:stretch}
.primary-butt2,.secondary-butt2{width:100%;text-align:center}
.info-grid-section{grid-template-columns:1fr;gap:20px}
.info-card3{padding:28px 20px}
}
@media (max-width: 480px) {
.confirmation-content h1{font-size:28px}
.success-icon-holder{width:70px;height:70px}
.confirmation-list li{font-size:15px}
.primary-butt2,.secondary-butt2{font-size:16px;padding:14px 28px}
}