@import "https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,400;1,400;0,700;1,700&display=swap";
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Public Sans',sans-serif;background:linear-gradient(157deg,#FEFEFE 0%,#f5f5f5 100%);color:#080F10;line-height:1.6;overflow-x:hidden}
.headWrap{background:linear-gradient(144deg,#FEFEFE 0%,#f8f9f8 50%,#FEFEFE 100%);border-bottom:1px solid #67912f1f;box-shadow:0 2px 6px #080f100a;position:relative}
.headWrap .topSection{max-width:1536px;margin:0 auto;padding:28px 24px 20px;display:flex;justify-content:space-between;align-items:center;gap:40px}
.headWrap .logoBox{flex-shrink:0}
.headWrap .logoBox img{height:110px;width:110px;display:block;background:#67912f08;border-radius:8px;padding:12px;box-shadow:0 3px 8px #080f100f}
.headWrap .centerTitle{flex:1;text-align:center;padding:0 20px}
.headWrap .centerTitle h1{font-size:38px;font-weight:700;color:#080F10;letter-spacing:-.5px;background:linear-gradient(135deg,#080F10 0%,#67912F 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.headWrap .naviBox{flex-shrink:0}
.headWrap .naviBox nav ul{list-style:none;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.headWrap .naviBox nav ul li a{display:block;padding:11px 20px;color:#080F10;text-decoration:none;font-size:15px;font-weight:400;border-radius:6px;transition:all .28s ease;border:1px solid transparent}
.headWrap .naviBox nav ul li a:hover{background:#67912f14;border-color:#67912f33;color:#67912F}
.footContainer{background:linear-gradient(162deg,#080F10 0%,#1a2528 100%);color:#FEFEFE;margin-top:80px;border-top:2px solid #67912F}
.footContainer .footGridBox{max-width:1536px;margin:0 auto;padding:56px 24px 36px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:48px}
.footContainer .infoBlock h3{font-size:19px;font-weight:700;margin-bottom:18px;color:#FEFEFE;border-bottom:2px solid #67912F;display:inline-block;padding-bottom:6px;border-radius:4px 4px 0 0}
.footContainer .infoBlock p{font-size:15px;line-height:1.7;margin-bottom:10px;color:#fefefee0}
.footContainer .infoBlock a{color:#67912F;text-decoration:none;transition:color .3s ease}
.footContainer .infoBlock a:hover{color:#8ab848}
.footContainer .linkBlock ul{list-style:none;padding-top:8px}
.footContainer .linkBlock ul li{margin-bottom:12px}
.footContainer .linkBlock ul li a{color:#fefefed9;text-decoration:none;font-size:15px;transition:all .3s ease;display:inline-block;border-radius:10px}
.footContainer .linkBlock ul li a:hover{color:#67912F}
.footContainer .geoBlock{background:#67912f14;padding:22px;border-radius:12px;border:1px solid #67912f33}
.footContainer .geoBlock .iconoir,.footContainer .geoBlock .material-icons{color:#67912F;font-size:20px;vertical-align:middle;margin-right:8px}
.footContainer .copyLine{text-align:center;padding:24px 24px 28px;border-top:1px solid #67912f33;font-size:14px;color:#fefefeb3}
.cookiePopup{position:fixed;top:33.33%;left:20px;background:#FEFEFE;border:2px solid #67912F;border-radius:8px;padding:24px;max-width:380px;box-shadow:0 6px 16px #080f102e;z-index:10000;display:none;animation:elasticEntry .5s cubic-bezier(0.68,-0.55,0.265,1.55)}
.cookiePopup.show{display:block}
@keyframes elasticEntry {
0%{transform:scale(0.5) translateY(-30px);opacity:0}
70%{transform:scale(1.05) translateY(0);opacity:1}
100%{transform:scale(1) translateY(0);opacity:1}
}
.cookiePopup h4{font-size:18px;font-weight:700;color:#080F10;margin-bottom:12px}
.cookiePopup p{font-size:14px;color:#080F10;line-height:1.6;margin-bottom:18px}
.cookiePopup .buttonRow{display:flex;gap:10px;flex-wrap:wrap}
.cookiePopup .buttonRow button{flex:1;min-width:100px;padding:10px 16px;border:2px solid #67912F;background:transparent;color:#67912F;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .3s ease;font-family:'Public Sans',sans-serif}
.cookiePopup .buttonRow button:hover{background:#67912F;color:#FEFEFE}
@media (max-width: 768px) {
.headWrap .topSection{flex-direction:column;align-items:center;gap:24px;padding:20px 16px}
.headWrap .logoBox img{height:85px;width:85px}
.headWrap .centerTitle h1{font-size:28px}
.headWrap .naviBox nav ul{justify-content:center;gap:6px}
.headWrap .naviBox nav ul li a{font-size:14px;padding:9px 14px}
.cookiePopup{left:12px;right:12px;max-width:none;top:20px}
.footContainer .footGridBox{grid-template-columns:1fr;gap:32px;padding:40px 16px 28px}
}
@media (max-width: 1366px) {
.headWrap .centerTitle h1{font-size:32px}
.headWrap .logoBox img{height:95px;width:95px}
}
@media (max-width: 375px) {
.headWrap .centerTitle h1{font-size:24px}
.headWrap .naviBox nav ul li a{font-size:13px;padding:8px 12px}
.cookiePopup h4{font-size:16px}
.cookiePopup p{font-size:13px}
}
.policy-page{max-width:1536px;margin:0 auto;padding:80px 24px;background:linear-gradient(167deg,#FEFEFE 0%,#f8f9f8 100%)}
.policy-page h1{font-size:48px;font-weight:700;color:#080F10;margin:0 0 48px;line-height:1.2;letter-spacing:-.02em}
.policy-page h2{font-size:36px;font-weight:600;color:#080F10;margin:64px 0 24px;line-height:1.3;letter-spacing:-.01em}
.policy-page h3{font-size:28px;font-weight:600;color:#080F10;margin:48px 0 20px;line-height:1.35}
.policy-page h4{font-size:22px;font-weight:600;color:#080F10;margin:36px 0 16px;line-height:1.4}
.policy-page h5{font-size:18px;font-weight:600;color:#080F10;margin:28px 0 12px;line-height:1.45}
.policy-page h6{font-size:16px;font-weight:600;color:#080F10;margin:24px 0 12px;line-height:1.5}
.policy-page p{font-size:16px;line-height:1.75;color:#080F10;margin:0 0 20px;max-width:820px}
.policy-page ul{margin:0 0 24px;padding:0 0 0 28px;list-style-type:disc}
.policy-page ol{margin:0 0 24px;padding:0 0 0 28px;list-style-type:decimal}
.policy-page li{font-size:16px;line-height:1.75;color:#080F10;margin:0 0 12px;padding-left:8px}
.policy-page ul ul{margin:12px 0 0;list-style-type:circle}
.policy-page ol ol{margin:12px 0 0;list-style-type:lower-alpha}
.policy-page li ul,.policy-page li ol{margin-bottom:0}
.policy-page strong,.policy-page b{font-weight:600;color:#080F10}
.policy-page em,.policy-page i{font-style:italic;color:#080F10}
.policy-page a{color:#67912F;text-decoration:underline;transition:all 280ms;font-weight:500}
.policy-page a:hover{color:#080F10;text-decoration:none}
.policy-page a:focus{outline:2px solid #67912F;outline-offset:2px;border-radius:2px}
.policy-page table{width:100%;border-collapse:collapse;margin:32px 0 40px;background:#FEFEFE;box-shadow:0 2px 6px #080f1014;border-radius:6px;overflow:hidden}
.policy-page thead{background:linear-gradient(145deg,#080F10 0%,#1a2728 100%)}
.policy-page thead tr{border:none}
.policy-page tbody tr{border-bottom:1px solid #e5e7e6;transition:background 280ms}
.policy-page tbody tr:last-child{border-bottom:none}
.policy-page tbody tr:hover{background:#f8f9f8}
.policy-page th{padding:16px 20px;text-align:left;font-size:15px;font-weight:600;color:#FEFEFE;letter-spacing:.02em}
.policy-page td{padding:16px 20px;font-size:15px;line-height:1.6;color:#080F10}
@media (max-width: 768px) {
.policy-page{padding:48px 20px}
.policy-page h1{font-size:36px;margin-bottom:32px}
.policy-page h2{font-size:28px;margin-top:48px;margin-bottom:20px}
.policy-page h3{font-size:22px;margin-top:36px;margin-bottom:16px}
.policy-page h4{font-size:19px;margin-top:28px}
.policy-page h5{font-size:17px;margin-top:24px}
.policy-page h6{font-size:16px;margin-top:20px}
.policy-page p{font-size:15px;line-height:1.7;margin-bottom:18px}
.policy-page ul,.policy-page ol{padding-left:24px;margin-bottom:20px}
.policy-page li{font-size:15px;margin-bottom:10px}
.policy-page table{font-size:14px;margin:24px 0 32px}
.policy-page th,.policy-page td{padding:12px 14px;font-size:14px}
}
@media (max-width: 375px) {
.policy-page{padding:36px 16px}
.policy-page h1{font-size:30px;margin-bottom:28px}
.policy-page h2{font-size:24px;margin-top:40px}
.policy-page table{display:block;overflow-x:auto}
.policy-page th,.policy-page td{padding:10px 12px;font-size:13px}
}
.stage{max-width:1536px;margin:0 auto;padding:0 24px}
.heroFrame{background:linear-gradient(127deg,#FEFEFE 0%,#e8ede0 100%);padding:80px 0 120px;position:relative;overflow:hidden}
.heroFrame::before{content:'';position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:linear-gradient(217deg,#67912f14 0%,#67912f00 70%);border-radius:50%;animation:pulseGlow 8s ease-in-out infinite}
@keyframes pulseGlow {
0%,100%{opacity:.6;transform:scale(1)}
50%{opacity:.9;transform:scale(1.1)}
}
.heroInner{display:flex;align-items:center;gap:80px;position:relative;z-index:2}
.heroText{flex:1}
.heroText h1{font-size:52px;line-height:1.15;color:#080F10;margin:0 0 32px;font-weight:700}
.heroText h1 .accent{position:relative;display:inline-block;color:#67912F}
.heroText h1 .accent::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#67912F 0%,#67912f4d 100%)}
.heroText p{font-size:18px;line-height:1.7;color:#080F10;margin:0 0 24px;opacity:.85}
.heroVisual{flex:0 0 480px;position:relative}
.vignetteWrap{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 4px 24px #080f101f}
.vignetteWrap::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,transparent 30%,#080f1099 100%);pointer-events:none}
.vignetteWrap img{width:100%;height:460px;object-fit:cover;display:block}
.checklistBox{background:#FEFEFE;padding:72px 0 96px}
.checklistHeader{text-align:center;margin-bottom:64px}
.checklistHeader h2{font-size:42px;line-height:1.2;color:#080F10;margin:0 0 20px;font-weight:700}
.checklistHeader h2::before{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,#67912F,#67912f66);margin:0 auto 24px}
.checklistHeader p{font-size:19px;line-height:1.6;color:#080F10;opacity:.8;max-width:720px;margin:0 auto}
.requirementGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:48px 72px;max-width:1180px;margin:0 auto}
.reqCard{background:linear-gradient(135deg,#FEFEFE 0%,#f9faf7 100%);padding:36px;border-radius:8px;border:1px solid #67912f26;position:relative;transition:all 280ms ease}
.reqCard:hover{transform:translateY(-4px);box-shadow:0 6px 28px #080f101a;border-color:#67912f4d}
.reqCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:#67912F;transition:height 320ms ease}
.reqCard:hover::before{height:100%}
.cardIcon{width:56px;height:56px;background:linear-gradient(135deg,#67912F 0%,#7fa841 100%);border-radius:6px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;box-shadow:0 3px 12px #67912f40}
.cardIcon svg{width:28px;height:28px;fill:#FEFEFE}
.reqCard h3{font-size:24px;line-height:1.3;color:#080F10;margin:0 0 16px;font-weight:600}
.reqCard p{font-size:16px;line-height:1.65;color:#080F10;opacity:.8;margin:0}
.techStack{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.techBadge{padding:6px 16px;background:#67912f1a;border-radius:4px;font-size:14px;color:#67912F;font-weight:500;transition:all 240ms ease}
.techBadge:hover{background:#67912f33;transform:scale(1.05)}
.statusIndicator{display:flex;align-items:center;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid #67912f1f}
.statusDot{width:10px;height:10px;border-radius:50%;background:#67912F;position:relative}
.statusDot::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:2px solid #67912f4d;animation:pulseRing 2s ease-in-out infinite}
@keyframes pulseRing {
0%,100%{transform:scale(1);opacity:1}
50%{transform:scale(1.4);opacity:0}
}
.statusText{font-size:14px;color:#67912F;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.progressMetric{margin-top:20px;padding:16px;background:#67912f0d;border-radius:6px}
.metricLabel{font-size:13px;color:#080F10;opacity:.7;margin-bottom:8px;text-transform:uppercase;letter-spacing:.8px}
.progressTrack{height:8px;background:#67912f26;border-radius:4px;overflow:hidden;position:relative}
.progressFill{height:100%;background:linear-gradient(90deg,#67912F 0%,#7fa841 100%);border-radius:4px;transition:width 600ms ease}
.progressFill.level1{width:35%}
.progressFill.level2{width:60%}
.progressFill.level3{width:85%}
.progressFill.level4{width:75%}
.noteBox{background:linear-gradient(120deg,#67912f14 0%,#67912f08 100%);padding:28px 32px;border-radius:6px;border-left:4px solid #67912F;margin-top:24px}
.noteBox p{font-size:15px;line-height:1.6;color:#080F10;margin:0;font-style:italic}
@media (max-width: 1366px) {
.heroInner{gap:60px}
.heroVisual{flex:0 0 420px}
.vignetteWrap img{height:400px}
.requirementGrid{gap:40px 60px}
}
@media (max-width: 768px) {
.heroFrame{padding:60px 0 80px}
.heroInner{flex-direction:column;gap:48px}
.heroVisual{flex:0 0 auto;width:100%}
.vignetteWrap img{height:320px}
.heroText h1{font-size:38px;margin-bottom:24px}
.heroText p{font-size:17px}
.checklistBox{padding:56px 0 72px}
.checklistHeader{margin-bottom:48px}
.checklistHeader h2{font-size:34px}
.requirementGrid{grid-template-columns:1fr;gap:32px}
.reqCard{padding:28px}
}
@media (max-width: 375px) {
.stage{padding:0 16px}
.heroFrame{padding:48px 0 60px}
.heroText h1{font-size:32px}
.heroText p{font-size:16px}
.vignetteWrap img{height:280px}
.checklistHeader h2{font-size:28px}
.checklistHeader p{font-size:17px}
.reqCard h3{font-size:21px}
.cardIcon{width:48px;height:48px}
.cardIcon svg{width:24px;height:24px}
}
.titleCirc{position:relative;background:linear-gradient(127deg,#67912F 0%,#FEFEFE 100%);padding:140px 20px;overflow:hidden}
.titleCirc::before{content:'';position:absolute;top:-30%;right:-15%;width:600px;height:600px;border-radius:50%;background:#fefefe26;z-index:1}
.titleCirc::after{content:'';position:absolute;bottom:-20%;left:-10%;width:450px;height:450px;border-radius:50%;background:#080f1014;z-index:1}
.titleCirc .centerWrap{max-width:1536px;margin:0 auto;position:relative;z-index:2}
.titleCirc .manifesto{max-width:780px;margin:0 auto;text-align:center;color:#080F10}
.titleCirc .manifesto h1{font-size:3.2rem;margin:0 0 28px;line-height:1.2;font-weight:700}
.titleCirc .manifesto .statementTxt{font-size:1.25rem;line-height:1.7;margin:0 0 18px;color:#080F10}
.titleCirc .manifesto .statementTxt:last-child{margin-bottom:0}
.accessSection{background:#FEFEFE;padding:90px 20px}
.accessSection .contentBox{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.accessSection .textArea h2{font-size:2.4rem;margin:0 0 22px;color:#080F10;position:relative;padding-left:18px}
.accessSection .textArea h2::before{content:'';position:absolute;left:0;top:8px;width:5px;height:32px;background:linear-gradient(180deg,#67912F 0%,#080F10 100%)}
.accessSection .textArea p{font-size:1.1rem;line-height:1.8;color:#080F10;margin:0 0 16px}
.accessSection .imgArea img{width:100%;height:auto;border-radius:8px;box-shadow:4px 4px 8px #080f1026}
.careerProsp{background:linear-gradient(215deg,#080F10 0%,#67912F 100%);padding:100px 20px}
.careerProsp .wrapContent{max-width:1536px;margin:0 auto}
.careerProsp h2{font-size:2.6rem;color:#FEFEFE;margin:0 0 50px;text-align:center}
.careerProsp .gridCards{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.careerProsp .cardItem{background:#fefefe1f;padding:35px 28px;border-radius:10px;border:2px solid #67912f4d;transition:all 320ms}
.careerProsp .cardItem:hover{background:#fefefe2e;border-color:#67912F;transform:translateY(-5px);box-shadow:0 6px 12px #00000040}
.careerProsp .cardItem h3{font-size:1.5rem;color:#FEFEFE;margin:0 0 16px}
.careerProsp .cardItem p{font-size:1.05rem;line-height:1.7;color:#FEFEFE;margin:0}
.progressTrack{background:#FEFEFE;padding:85px 20px}
.progressTrack .innerWrap{max-width:1536px;margin:0 auto}
.progressTrack h2{font-size:2.5rem;color:#080F10;margin:0 0 45px;text-align:center}
.progressTrack .trackerDisplay{display:flex;gap:60px;align-items:flex-start}
.progressTrack .trackerImg{flex:0 0 48%}
.progressTrack .trackerImg img{width:100%;height:auto;border-radius:6px;box-shadow:3px 3px 6px #080f101f}
.progressTrack .trackerDetails{flex:1}
.progressTrack .stepBlock{margin-bottom:30px;padding:25px;background:linear-gradient(135deg,#67912f14 0%,#fefefe80 100%);border-left:4px solid #67912F;border-radius:5px}
.progressTrack .stepBlock h4{font-size:1.3rem;color:#080F10;margin:0 0 12px}
.progressTrack .stepBlock p{font-size:1.05rem;line-height:1.7;color:#080F10;margin:0}
.qualityStnd{background:linear-gradient(95deg,#67912F 0%,#080F10 100%);padding:95px 20px}
.qualityStnd .contentHolder{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:42% 1fr;gap:65px;align-items:center}
.qualityStnd .photoSide img{width:100%;height:auto;border-radius:9px;box-shadow:5px 5px 10px #0000004d}
.qualityStnd .descSide h2{font-size:2.4rem;color:#FEFEFE;margin:0 0 24px}
.qualityStnd .descSide p{font-size:1.1rem;line-height:1.8;color:#FEFEFE;margin:0 0 18px}
.qualityStnd .descSide .butt{display:inline-block;padding:14px 32px;background:#FEFEFE;color:#080F10;text-decoration:none;border-radius:6px;font-size:1.05rem;font-weight:600;transition:all 280ms;box-shadow:3px 3px 6px #0003;margin-top:10px}
.qualityStnd .descSide .butt:hover{background:#67912F;color:#FEFEFE;transform:scale(1.05);box-shadow:4px 4px 8px #0000004d}
.trialExp{background:#FEFEFE;padding:90px 20px}
.trialExp .container{max-width:1536px;margin:0 auto}
.trialExp h2{font-size:2.5rem;color:#080F10;margin:0 0 40px;text-align:center}
.trialExp .featureLayout{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}
.trialExp .featureBox{display:flex;gap:22px;align-items:flex-start;padding:30px;background:linear-gradient(140deg,#67912f0f 0%,#FEFEFE 100%);border-radius:8px;transition:all 300ms}
.trialExp .featureBox:hover{background:linear-gradient(140deg,#67912f1f 0%,#FEFEFE 100%);box-shadow:2px 2px 5px #080f101a}
.trialExp .featureBox .iconSide{flex:0 0 50px}
.trialExp .featureBox .iconSide .material-icons{font-size:2.8rem;color:#67912F}
.trialExp .featureBox .txtSide h4{font-size:1.4rem;color:#080F10;margin:0 0 10px}
.trialExp .featureBox .txtSide p{font-size:1.05rem;line-height:1.7;color:#080F10;margin:0}
.resourcesArea{background:linear-gradient(180deg,#080F10 0%,#67912F 100%);padding:100px 20px}
.resourcesArea .wrapAll{max-width:1536px;margin:0 auto}
.resourcesArea h2{font-size:2.6rem;color:#FEFEFE;margin:0 0 55px;text-align:center}
.resourcesArea .resourceGrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:45px}
.resourcesArea .resCard{background:#fefefe1a;border-radius:10px;overflow:hidden;transition:all 320ms;border:2px solid transparent}
.resourcesArea .resCard:hover{border-color:#67912F;transform:scale(1.04);box-shadow:0 5px 10px #0000004d}
.resourcesArea .resCard .imgTop img{width:100%;height:220px;object-fit:cover}
.resourcesArea .resCard .txtBottom{padding:28px 24px}
.resourcesArea .resCard .txtBottom h5{font-size:1.35rem;color:#FEFEFE;margin:0 0 14px}
.resourcesArea .resCard .txtBottom p{font-size:1.05rem;line-height:1.7;color:#FEFEFE;margin:0}
.ctaFinal{background:#FEFEFE;padding:80px 20px}
.ctaFinal .wrapCta{max-width:1536px;margin:0 auto;text-align:center}
.ctaFinal h2{font-size:2.4rem;color:#080F10;margin:0 0 20px}
.ctaFinal p{font-size:1.15rem;line-height:1.7;color:#080F10;margin:0 0 32px;max-width:720px;margin-left:auto;margin-right:auto}
.ctaFinal .buttGroup{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.ctaFinal .buttGroup a{display:inline-block;padding:15px 36px;text-decoration:none;border-radius:7px;font-size:1.1rem;font-weight:600;transition:all 300ms}
.ctaFinal .buttGroup .primBtn{background:#67912F;color:#FEFEFE;box-shadow:3px 3px 6px #67912f4d}
.ctaFinal .buttGroup .primBtn:hover{background:#080F10;transform:translateY(-3px);box-shadow:4px 4px 8px #080f1066}
.ctaFinal .buttGroup .secBtn{background:#080F10;color:#FEFEFE;box-shadow:3px 3px 6px #080f1040}
.ctaFinal .buttGroup .secBtn:hover{background:#67912F;transform:translateY(-3px);box-shadow:4px 4px 8px #67912f59}
@media (max-width: 1366px) {
.titleCirc{padding:110px 20px}
.titleCirc .manifesto h1{font-size:2.8rem}
.accessSection .contentBox{gap:50px}
.careerProsp .gridCards{gap:30px}
.progressTrack .trackerDisplay{gap:45px}
.qualityStnd .contentHolder{gap:50px}
.trialExp .featureLayout{gap:40px}
.resourcesArea .resourceGrid{gap:35px}
}
@media (max-width: 768px) {
.titleCirc{padding:80px 20px}
.titleCirc .manifesto h1{font-size:2.2rem}
.titleCirc .manifesto .statementTxt{font-size:1.1rem}
.accessSection{padding:60px 20px}
.accessSection .contentBox{grid-template-columns:1fr;gap:35px}
.careerProsp{padding:70px 20px}
.careerProsp h2{font-size:2.2rem;margin-bottom:35px}
.careerProsp .gridCards{grid-template-columns:1fr;gap:25px}
.progressTrack{padding:60px 20px}
.progressTrack h2{font-size:2.1rem;margin-bottom:30px}
.progressTrack .trackerDisplay{flex-direction:column;gap:30px}
.progressTrack .trackerImg{flex:0 0 100%}
.qualityStnd{padding:70px 20px}
.qualityStnd .contentHolder{grid-template-columns:1fr;gap:35px}
.trialExp{padding:60px 20px}
.trialExp h2{font-size:2.1rem;margin-bottom:30px}
.trialExp .featureLayout{grid-template-columns:1fr;gap:25px}
.resourcesArea{padding:70px 20px}
.resourcesArea h2{font-size:2.2rem;margin-bottom:35px}
.resourcesArea .resourceGrid{grid-template-columns:1fr;gap:25px}
.ctaFinal{padding:60px 20px}
.ctaFinal h2{font-size:2rem}
.ctaFinal .buttGroup{flex-direction:column;align-items:center}
.ctaFinal .buttGroup a{width:100%;max-width:320px}
}
@media (max-width: 375px) {
.titleCirc .manifesto h1{font-size:1.9rem}
.titleCirc .manifesto .statementTxt{font-size:1rem}
.accessSection .textArea h2{font-size:2rem}
.careerProsp h2{font-size:1.9rem}
.careerProsp .cardItem h3{font-size:1.3rem}
.progressTrack h2{font-size:1.9rem}
.qualityStnd .descSide h2{font-size:2rem}
.trialExp h2{font-size:1.9rem}
.resourcesArea h2{font-size:1.9rem}
.ctaFinal h2{font-size:1.8rem}
}
.topFrame{max-width:1536px;margin:3rem auto;padding:0 1.5rem}
.hedrLayout{display:flex;align-items:center;gap:3rem;margin-bottom:4rem}
.txtZone{flex:1}
.mainHed{font-size:2.8rem;line-height:1.2;color:#080F10;margin-bottom:1.5rem;position:relative}
.mainHed::before{content:'';position:absolute;left:-1.5rem;top:.5rem;width:4px;height:3rem;background:linear-gradient(165deg,#67912F 0%,#080F10 100%)}
.tesisList{display:flex;flex-direction:column;gap:.8rem}
.tesisItem{font-size:1.05rem;line-height:1.6;color:#080F10;padding-left:.5rem}
.imgCard{width:380px;height:280px;position:relative;flex-shrink:0}
.imgCard::before{content:'';position:absolute;top:-12px;right:-12px;width:100%;height:100%;background:linear-gradient(225deg,#67912F 0%,#67912f4d 100%);z-index:1;border-radius:8px}
.imgCard img{position:relative;z-index:2;width:100%;height:100%;object-fit:cover;border-radius:8px;box-shadow:0 4px 6px #080f1026}
.decorPatt{position:absolute;bottom:-20px;left:-20px;width:100px;height:100px;z-index:0;opacity:.15}
.mainConten{max-width:1536px;margin:0 auto 5rem;padding:0 1.5rem}
.formWrapp{background:linear-gradient(135deg,#FEFEFE 0%,#67912f0d 100%);padding:3rem;border-radius:10px;box-shadow:0 3px 8px #080f101a;max-width:900px;margin:0 auto}
.formTitl{font-size:2rem;color:#080F10;margin-bottom:.8rem;position:relative;display:inline-block}
.formTitl::after{content:'';position:absolute;bottom:-8px;left:0;width:60%;height:3px;background:#67912F}
.formDesc{font-size:1rem;color:#080F10;margin-bottom:2.5rem;line-height:1.5}
.kontaktForm{display:flex;flex-direction:column;gap:1.8rem}
.nameRow{display:flex;gap:1.5rem}
.inputGrup{display:flex;flex-direction:column;gap:.6rem;flex:1}
.formLabel{font-size:.95rem;color:#080F10;font-weight:500}
.formInput{padding:.9rem 1rem;border:2px solid #080f1026;border-radius:6px;font-size:1rem;transition:all .25s;background:#FEFEFE}
.formInput:focus{outline:none;border-color:#67912F;box-shadow:0 2px 6px #67912f33}
.formInput::placeholder{color:#080f1066}
.phoneGrup{display:flex;flex-direction:column;gap:.6rem}
.conditionSwitch{display:none}
.switchLabel{display:inline-flex;align-items:center;gap:.8rem;cursor:pointer;padding:.7rem 1rem;background:#67912f14;border-radius:6px;transition:all .3s;font-size:.95rem;color:#080F10}
.switchLabel::before{content:'';width:20px;height:20px;border:2px solid #67912F;border-radius:4px;flex-shrink:0;transition:all .3s;background:#FEFEFE}
.conditionSwitch:checked + .switchLabel{background:#67912f26}
.conditionSwitch:checked + .switchLabel::before{background:#67912F;box-shadow:inset 0 0 0 3px #FEFEFE}
.extraField{max-height:0;overflow:hidden;opacity:0;transition:all .35s}
.conditionSwitch:checked ~ .extraField{max-height:200px;opacity:1;margin-top:1rem}
.selectInput{padding:.9rem 1rem;border:2px solid #080f1026;border-radius:6px;font-size:1rem;background:#FEFEFE;cursor:pointer;transition:all .25s}
.selectInput:focus{outline:none;border-color:#67912F;box-shadow:0 2px 6px #67912f33}
.checkGrup{display:flex;align-items:flex-start;gap:.8rem;margin-top:.5rem}
.privacyCheck{width:20px;height:20px;margin-top:.2rem;cursor:pointer;flex-shrink:0}
.checkTxt{font-size:.9rem;line-height:1.5;color:#080F10}
.checkTxt a{color:#67912F;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .25s}
.checkTxt a:hover{border-bottom-color:#67912F}
.submitButt{padding:1rem 2.5rem;background:linear-gradient(120deg,#67912F 0%,#080F10 100%);color:#FEFEFE;border:none;border-radius:6px;font-size:1.05rem;font-weight:500;cursor:pointer;transition:all .3s;box-shadow:0 3px 6px #080f1033;align-self:flex-start;position:relative;z-index:10}
.submitButt:hover{transform:translateY(-2px);box-shadow:0 5px 10px #080f104d}
.submitButt:active{transform:translateY(0)}
.infoGrid{max-width:1536px;margin:5rem auto 0;padding:0 1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}
.infoCard{background:#FEFEFE;padding:2rem;border-radius:8px;border:2px solid #67912f33;transition:all .3s;position:relative;overflow:hidden}
.infoCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:#67912F;transition:height .3s}
.infoCard:hover::before{height:100%}
.infoCard:hover{transform:translateY(-4px);box-shadow:0 4px 8px #080f1026;border-color:#67912F}
.cardIcon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#67912f26 0%,#67912f0d 100%);border-radius:6px;margin-bottom:1.2rem}
.cardIcon svg{width:28px;height:28px;fill:#67912F}
.cardTitl{font-size:1.3rem;color:#080F10;margin-bottom:.8rem;font-weight:600}
.cardInfo{font-size:1rem;color:#080F10;line-height:1.6}
.cardInfo a{color:#67912F;text-decoration:none;transition:color .25s}
.cardInfo a:hover{color:#080F10}
@media (max-width: 768px) {
.hedrLayout{flex-direction:column-reverse;gap:2rem}
.imgCard{width:100%;max-width:380px;height:240px}
.mainHed{font-size:2rem}
.mainHed::before{left:0;width:3px;height:2.5rem}
.formWrapp{padding:2rem 1.5rem}
.nameRow{flex-direction:column;gap:1.8rem}
.formTitl{font-size:1.6rem}
.infoGrid{grid-template-columns:1fr}
.topFrame{margin:2rem auto}
}
@media (max-width: 375px) {
.mainHed{font-size:1.7rem}
.formWrapp{padding:1.5rem 1rem}
.submitButt{width:100%;text-align:center}
}
.topBlock{position:relative;max-width:1536px;margin:0 auto;padding:80px 24px;overflow:hidden}
.topBlock::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(142deg,#FEFEFE 0%,#f8f8f8 50%,#FEFEFE 100%);opacity:.6;z-index:1}
.topBlock::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 39px,#080f1004 39px,#080f1004 41px),repeating-linear-gradient(90deg,transparent,transparent 39px,#080f1004 39px,#080f1004 41px);z-index:2}
.topBlock .innerWrap{position:relative;z-index:3;display:flex;align-items:center;gap:64px}
.topBlock .txtZone{flex:1;min-width:0}
.topBlock .txtZone h1{font-size:48px;line-height:1.15;color:#080F10;margin:0 0 28px;font-weight:700;position:relative;display:inline-block}
.topBlock .txtZone h1::after{content:'';position:absolute;bottom:-8px;left:0;width:72px;height:4px;background:linear-gradient(90deg,#67912F 0%,#67912f4d 100%)}
.topBlock .txtZone .explanation{font-size:18px;line-height:1.7;color:#080F10;margin:0;max-width:580px}
.topBlock .imgArea{flex:0 0 420px;position:relative}
.topBlock .imgArea img{width:100%;height:480px;object-fit:cover;border-radius:8px;filter:blur(1.2px);opacity:.92;box-shadow:4px 4px 8px #080f101f}
.storySection{max-width:1536px;margin:0 auto;padding:96px 24px;background:linear-gradient(218deg,#FEFEFE 0%,#f4f4f4 100%)}
.storySection .storyGrid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
.storySection .narrative{position:relative}
.storySection .narrative h2{font-size:36px;line-height:1.25;color:#080F10;margin:0 0 32px;font-weight:700;position:relative;padding-left:24px}
.storySection .narrative h2::before{content:'';position:absolute;left:0;top:8px;bottom:8px;width:6px;background:linear-gradient(180deg,#67912F 0%,#67912f66 100%);border-radius:3px}
.storySection .narrative p{font-size:17px;line-height:1.75;color:#080F10;margin:0 0 24px}
.storySection .narrative p:last-child{margin-bottom:0}
.storySection .narrative .highlight{color:#67912F;font-weight:600;position:relative;display:inline}
.storySection .visualBox{display:grid;grid-template-columns:1fr;gap:24px}
.storySection .visualBox .imgCard{position:relative;border-radius:8px;overflow:hidden;box-shadow:3px 3px 6px #080f1026}
.storySection .visualBox .imgCard img{width:100%;height:340px;object-fit:cover;display:block;transition:transform 320ms ease}
.storySection .visualBox .imgCard:hover img{transform:scale(1.03)}
.storySection .valuesBox{margin-top:48px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.storySection .valueItem{background:#FEFEFE;padding:28px 24px;border-radius:6px;border:2px solid #67912f26;position:relative;transition:all 280ms ease}
.storySection .valueItem::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#67912F 0%,#67912f00 100%);opacity:0;transition:opacity 280ms ease}
.storySection .valueItem:hover{transform:translateY(-4px);box-shadow:2px 6px 12px #080f102e;border-color:#67912F}
.storySection .valueItem:hover::before{opacity:1}
.storySection .valueItem h3{font-size:20px;line-height:1.3;color:#080F10;margin:0 0 12px;font-weight:700}
.storySection .valueItem .desc{font-size:15px;line-height:1.65;color:#080F10;margin:0}
.storySection .valueItem .iconDeco{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#67912f1f 0%,#67912f0d 100%);border-radius:50%;margin-bottom:16px}
.storySection .valueItem .iconDeco .material-icons{font-size:28px;color:#67912F}
@media (max-width: 1366px) {
.topBlock .innerWrap{gap:48px}
.topBlock .imgArea{flex:0 0 360px}
.topBlock .imgArea img{height:420px}
.storySection .storyGrid{gap:56px}
}
@media (max-width: 768px) {
.topBlock{padding:56px 20px}
.topBlock .innerWrap{flex-direction:column;gap:40px}
.topBlock .txtZone h1{font-size:36px;margin-bottom:20px}
.topBlock .txtZone .explanation{font-size:16px}
.topBlock .imgArea{flex:0 0 auto;width:100%}
.topBlock .imgArea img{height:320px}
.storySection{padding:64px 20px}
.storySection .storyGrid{grid-template-columns:1fr;gap:48px}
.storySection .narrative h2{font-size:28px;margin-bottom:24px}
.storySection .narrative p{font-size:16px}
.storySection .visualBox .imgCard img{height:280px}
.storySection .valuesBox{grid-template-columns:1fr;gap:20px;margin-top:40px}
}
@media (max-width: 375px) {
.topBlock{padding:40px 16px}
.topBlock .txtZone h1{font-size:30px}
.topBlock .imgArea img{height:260px}
.storySection{padding:48px 16px}
.storySection .narrative h2{font-size:24px;padding-left:20px}
.storySection .visualBox .imgCard img{height:240px}
}
.upcoming-box{max-width:1536px;margin:0 auto;padding:0 20px}
.manifesto-ring{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;padding:80px 20px;margin:60px 0 100px;background:linear-gradient(132deg,#FEFEFE 0%,#f5f8f5 100%)}
.manifesto-ring::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:420px;height:420px;border:2px solid #67912F;border-radius:50%;opacity:.15}
.manifesto-ring::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:520px;height:520px;border:1px dashed #67912F;border-radius:50%;opacity:.1}
.ring-dot{position:absolute;width:8px;height:8px;background:#67912F;border-radius:50%;opacity:.5}
.ring-dot:nth-child(1){top:15%;left:20%}
.ring-dot:nth-child(2){top:25%;right:18%}
.ring-dot:nth-child(3){bottom:20%;left:15%}
.ring-dot:nth-child(4){bottom:18%;right:22%}
.ring-dot:nth-child(5){top:45%;left:8%}
.ring-dot:nth-child(6){top:48%;right:10%}
.manifesto-text{position:relative;z-index:2;max-width:680px;text-align:center}
.manifesto-text h1{font-size:42px;line-height:1.2;color:#080F10;margin:0 0 28px;font-weight:700}
.manifesto-text .manifest-line{font-size:18px;line-height:1.6;color:#080F10;margin:0 0 16px}
.manifesto-text .manifest-line:last-child{margin-bottom:0}
.course-catalog{padding:0 0 90px}
.catalog-intro{max-width:820px;margin:0 auto 60px;text-align:center}
.catalog-intro h2{font-size:36px;line-height:1.3;color:#080F10;margin:0 0 20px;font-weight:700}
.catalog-intro p{font-size:17px;line-height:1.7;color:#080F10}
.course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px;margin-bottom:50px}
.course-card{background:#FEFEFE;border:2px solid #e8ebe8;padding:32px;position:relative;transition:all 280ms}
.course-card::before{content:'';position:absolute;top:0;left:0;width:6px;height:0;background:linear-gradient(180deg,#67912F 0%,#80a84a 100%);transition:height 320ms}
.course-card:hover{border-color:#67912F;box-shadow:0 6px 16px #080f1014;transform:translateY(-4px)}
.course-card:hover::before{height:100%}
.card-header{margin-bottom:20px}
.course-label{display:inline-block;font-size:13px;font-weight:600;color:#67912F;background:#67912f1a;padding:6px 14px;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}
.card-header h3{font-size:24px;line-height:1.3;color:#080F10;margin:0 0 10px;font-weight:700}
.course-meta{display:flex;gap:20px;font-size:14px;color:#5a5a5a;margin-bottom:18px}
.meta-item{display:flex;align-items:center;gap:6px}
.meta-item .material-icons{font-size:18px;color:#67912F}
.card-content p{font-size:16px;line-height:1.6;color:#080F10;margin:0 0 20px}
.topics-list{list-style:none;padding:0;margin:0 0 24px}
.topics-list li{font-size:15px;line-height:1.5;color:#080F10;padding:8px 0 8px 26px;position:relative}
.topics-list li::before{content:'';position:absolute;left:0;top:14px;width:12px;height:2px;background:#67912F}
.enroll-butt{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:#67912F;color:#FEFEFE;text-decoration:none;font-size:16px;font-weight:600;transition:all 300ms;border:2px solid #67912F}
.enroll-butt:hover{background:#080F10;border-color:#080F10;transform:translateX(4px)}
.enroll-butt .iconoir-arrow-right{font-size:20px;transition:transform 300ms}
.enroll-butt:hover .iconoir-arrow-right{transform:translateX(4px)}
.learning-path{background:linear-gradient(245deg,#f9faf9 0%,#FEFEFE 100%);padding:80px 20px;margin-top:60px}
.path-container{max-width:1200px;margin:0 auto}
.path-header{text-align:center;margin-bottom:70px}
.path-header h2{font-size:38px;line-height:1.2;color:#080F10;margin:0 0 18px;font-weight:700}
.path-header p{font-size:17px;line-height:1.6;color:#080F10;max-width:680px;margin:0 auto}
.journey-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:40px}
.journey-track::before{content:'';position:absolute;top:60px;left:12.5%;right:12.5%;height:3px;background:linear-gradient(90deg,#67912F 0%,#67912f33 100%);z-index:1}
.journey-step{position:relative;z-index:2;text-align:center}
.step-num{width:120px;height:120px;margin:0 auto 24px;background:#FEFEFE;border:3px solid #67912F;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;color:#67912F;position:relative;transition:all 320ms}
.journey-step:hover .step-num{background:#67912F;color:#FEFEFE;transform:scale(1.08)}
.step-num::after{content:'';position:absolute;inset:-8px;border:1px solid #67912F;border-radius:50%;opacity:0;transition:opacity 320ms}
.journey-step:hover .step-num::after{opacity:.3}
.journey-step h4{font-size:20px;line-height:1.3;color:#080F10;margin:0 0 12px;font-weight:700}
.journey-step p{font-size:15px;line-height:1.5;color:#080F10;margin:0}
.visual-showcase{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-top:70px}
.showcase-visual img{width:100%;height:auto;display:block;box-shadow:0 8px 24px #080f101f}
.showcase-content h3{font-size:32px;line-height:1.3;color:#080F10;margin:0 0 20px;font-weight:700}
.showcase-content p{font-size:17px;line-height:1.7;color:#080F10;margin:0 0 16px}
.benefit-row{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}
.benefit-row .material-icons{font-size:24px;color:#67912F;margin-top:2px}
.benefit-text{flex:1}
.benefit-text h5{font-size:18px;line-height:1.4;color:#080F10;margin:0 0 6px;font-weight:700}
.benefit-text p{font-size:15px;line-height:1.6;color:#080F10;margin:0}
@media (max-width: 1366px) {
.journey-track{grid-template-columns:repeat(2,1fr);gap:60px 40px}
.journey-track::before{display:none}
}
@media (max-width: 768px) {
.manifesto-ring{min-height:400px;padding:60px 20px;margin:40px 0 70px}
.manifesto-ring::before{width:320px;height:320px}
.manifesto-ring::after{width:400px;height:400px}
.manifesto-text h1{font-size:32px;margin-bottom:22px}
.manifesto-text .manifest-line{font-size:16px}
.catalog-intro h2{font-size:28px}
.course-grid{grid-template-columns:1fr;gap:24px}
.journey-track{grid-template-columns:1fr;gap:50px}
.visual-showcase{grid-template-columns:1fr;gap:40px}
.path-header h2{font-size:30px}
.showcase-content h3{font-size:26px}
}
@media (max-width: 375px) {
.manifesto-text h1{font-size:28px}
.course-card{padding:24px}
.card-header h3{font-size:22px}
.step-num{width:100px;height:100px;font-size:40px}
}
.success-stage{position:relative;min-height:85vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(142deg,#FEFEFE 0%,#F8F9F8 45%,#EEF3E8 100%);overflow:hidden;padding:60px 20px}
.success-stage::before{content:'';position:absolute;top:-120px;right:-80px;width:400px;height:400px;background:linear-gradient(215deg,#67912f1f 0%,#67912f0a 100%);border-radius:50%;animation:floatShape 8s ease-in-out infinite}
.success-stage::after{content:'';position:absolute;bottom:-60px;left:-100px;width:320px;height:320px;background:linear-gradient(135deg,#080f100f 0%,#080f1005 100%);border-radius:42% 58% 70% 30% / 45% 35% 65% 55%;animation:morphShape 12s ease-in-out infinite}
@keyframes floatShape {
0%,100%{transform:translate(0,0) rotate(0deg)}
50%{transform:translate(-30px,30px) rotate(15deg)}
}
@keyframes morphShape {
0%,100%{border-radius:42% 58% 70% 30% / 45% 35% 65% 55%}
50%{border-radius:58% 42% 30% 70% / 55% 65% 35% 45%}
}
.canvas-wrapper{max-width:720px;width:100%;position:relative;z-index:2}
.success-surface{background:#FEFEFE;border-radius:8px;padding:56px 48px;box-shadow:0 4px 12px #080f1014 0 1px 3px #080f100f;text-align:center;position:relative}
.icon-ring{width:96px;height:96px;margin:0 auto 32px;position:relative;display:flex;align-items:center;justify-content:center}
.icon-ring::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#67912f26 0%,#67912f14 100%);border-radius:50%;animation:pulseRing 2s ease-in-out infinite}
@keyframes pulseRing {
0%,100%{transform:scale(1);opacity:1}
50%{transform:scale(1.12);opacity:.7}
}
.icon-ring .material-icons{font-size:52px;color:#67912F;position:relative;z-index:2;animation:iconPop .6s cubic-bezier(0.68,-0.55,0.265,1.55)}
@keyframes iconPop {
0%{transform:scale(0) rotate(-180deg);opacity:0}
100%{transform:scale(1) rotate(0deg);opacity:1}
}
.success-surface h1{font-size:34px;font-weight:700;color:#080F10;margin:0 0 16px;line-height:1.2}
.success-surface .lead-text{font-size:18px;color:#3A4346;margin:0 0 28px;line-height:1.6}
.info-card{background:linear-gradient(135deg,#F7FAF3 0%,#F2F6ED 100%);border-left:4px solid #67912F;border-radius:6px;padding:24px;margin:32px 0;text-align:left}
.info-card p{margin:0 0 12px;font-size:15px;color:#2C3537;line-height:1.7}
.info-card p:last-child{margin-bottom:0}
.info-card strong{color:#080F10;font-weight:600}
.next-steps{margin:36px 0 0;padding:28px 0 0;border-top:1px solid #080f1014}
.next-steps h3{font-size:20px;font-weight:600;color:#080F10;margin:0 0 20px}
.step-list{display:flex;flex-direction:column;gap:16px;text-align:left}
.step-item{display:flex;align-items:flex-start;gap:14px;padding:16px;background:#FEFEFE;border-radius:6px;border:1px solid #67912f26;transition:all .3s ease}
.step-item:hover{border-color:#67912f59;box-shadow:0 2px 6px #67912f1a}
.step-num{width:32px;height:32px;min-width:32px;background:linear-gradient(135deg,#67912F 0%,#5A7D28 100%);color:#FEFEFE;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}
.step-content{flex:1}
.step-content h4{font-size:16px;font-weight:600;color:#080F10;margin:0 0 6px}
.step-content p{font-size:14px;color:#4A5558;margin:0;line-height:1.6}
.action-zone{margin:36px 0 0;display:flex;flex-direction:column;gap:12px;align-items:center}
.primary-butt{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#67912F 0%,#5A7D28 100%);color:#FEFEFE;padding:15px 36px;border-radius:6px;text-decoration:none;font-weight:600;font-size:16px;box-shadow:0 3px 8px #67912f4d;transition:all .3s ease;position:relative;z-index:10}
.primary-butt:hover{transform:translateY(-2px);box-shadow:0 5px 12px #67912f66;background:linear-gradient(135deg,#5A7D28 0%,#4D6B23 100%)}
.secondary-link{color:#67912F;text-decoration:none;font-size:15px;font-weight:500;transition:color .28s ease;position:relative;z-index:10}
.secondary-link:hover{color:#5A7D28}
.contact-info{margin:32px 0 0;padding:20px;background:#F9FAFB;border-radius:6px;font-size:14px;color:#4A5558}
.contact-info p{margin:0 0 8px}
.contact-info p:last-child{margin-bottom:0}
.contact-info a{color:#67912F;text-decoration:none;font-weight:500}
.contact-info a:hover{text-decoration:underline}
@media (max-width: 768px) {
.success-stage{min-height:auto;padding:40px 16px}
.success-surface{padding:40px 28px}
.success-surface h1{font-size:28px}
.success-surface .lead-text{font-size:16px}
.icon-ring{width:80px;height:80px;margin-bottom:24px}
.icon-ring .material-icons{font-size:44px}
.info-card{padding:20px}
.step-item{padding:14px}
.primary-butt{width:100%;justify-content:center;padding:14px 28px}
.action-zone{margin-top:28px}
}
@media (max-width: 375px) {
.success-surface{padding:32px 20px}
.success-surface h1{font-size:24px}
.step-item{flex-direction:column;gap:12px}
.step-num{align-self:flex-start}
}