.rampf-af-background{
position:relative;
isolation:isolate;
overflow:hidden;
padding:52px 24px;
border-radius:24px;
background:
radial-gradient(circle at 12% 14%,rgba(255,255,255,.95) 0 7%,transparent 28%),
radial-gradient(circle at 88% 82%,rgba(60,150,50,.14),transparent 34%),
linear-gradient(145deg,#f7fbf8 0%,#e9f2ec 48%,#dfece3 100%);
perspective:1400px;
}
.rampf-af-background:before,.rampf-af-background:after{
content:"";
position:absolute;
z-index:-1;
border-radius:50%;
filter:blur(2px);
pointer-events:none;
}
.rampf-af-background:before{width:260px;height:260px;top:-105px;right:-75px;background:rgba(60,150,50,.12)}
.rampf-af-background:after{width:180px;height:180px;bottom:-76px;left:-52px;background:rgba(255,255,255,.7)}
.rampf-af-wrap{
--rampf-accent:#3c9632;
--rampf-accent-dark:color-mix(in srgb,var(--rampf-accent) 72%,#12351a);
position:relative;
max-width:820px;
margin:0 auto;
padding:36px;
box-sizing:border-box;
border:1px solid rgba(255,255,255,.82);
border-radius:22px;
background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,251,249,.95));
box-shadow:
0 34px 70px rgba(34,67,45,.18),
0 15px 28px rgba(34,67,45,.12),
inset 0 1px 0 rgba(255,255,255,1),
inset 0 -1px 0 rgba(33,73,44,.08);
font-family:inherit;
color:#334039;
transform:rotateX(.35deg) translateZ(0);
}
.rampf-af-wrap:before{
content:"";
position:absolute;
inset:10px;
z-index:-1;
border-radius:18px;
box-shadow:inset 0 0 0 1px rgba(48,99,61,.04);
pointer-events:none;
}
.rampf-af-head{display:grid;grid-template-columns:62px 1fr auto;gap:18px;align-items:start;margin-bottom:30px}
.rampf-af-brandmark{
display:grid;place-items:center;width:58px;height:58px;border-radius:17px;
background:linear-gradient(145deg,#fff,#e9f3ec);
box-shadow:8px 8px 16px rgba(40,75,50,.14),-7px -7px 14px rgba(255,255,255,.96),inset 0 1px 0 #fff;
}
.rampf-af-brandmark svg{width:43px;height:43px;fill:none;stroke:var(--rampf-accent);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 3px 3px rgba(41,104,49,.15))}
.rampf-af-brandmark .leaf{fill:var(--rampf-accent);stroke:var(--rampf-accent)}
.rampf-af-heading-text h2{margin:0 0 8px;color:#25342b;font-size:27px;line-height:1.22;font-weight:700;letter-spacing:-.025em;text-shadow:0 1px 0 #fff}
.rampf-af-heading-text p{margin:0;max-width:500px;color:#68736d;font-size:15px;line-height:1.6}
.rampf-af-badge{display:flex;align-items:center;gap:8px;margin-top:5px;padding:9px 12px;white-space:nowrap;border:1px solid rgba(60,150,50,.18);border-radius:999px;background:linear-gradient(145deg,#fff,#eef6f0);box-shadow:0 6px 12px rgba(41,79,50,.09),inset 0 1px 0 #fff;color:#526159;font-size:12px;font-weight:600}
.rampf-af-badge b{display:grid;place-items:center;width:19px;height:19px;border:0;border-radius:50%;background:var(--rampf-accent);box-shadow:0 3px 7px rgba(43,116,52,.28),inset 0 1px 0 rgba(255,255,255,.35);color:#fff;font-size:11px}
.rampf-af-progress{display:grid;grid-template-columns:repeat(4,1fr);margin:0 6px 38px;padding:15px 12px 12px;border:1px solid rgba(62,94,72,.08);border-radius:16px;background:linear-gradient(145deg,#f5f8f6,#fff);box-shadow:inset 3px 3px 8px rgba(50,78,59,.06),inset -3px -3px 8px #fff}
.rampf-af-progress-item{position:relative;text-align:center;color:#7a837e}
.rampf-af-progress-item:not(:last-child):after{content:"";position:absolute;top:20px;left:calc(50% + 25px);right:calc(-50% + 25px);height:3px;border-radius:3px;background:linear-gradient(to bottom,#d4dcd7,#eef2ef);box-shadow:inset 0 1px 2px rgba(47,72,55,.13)}
.rampf-af-progress-item span{position:relative;z-index:2;display:grid;place-items:center;width:42px;height:42px;margin:0 auto 8px;border:1px solid #d4dcd7;border-radius:50%;background:linear-gradient(145deg,#fff,#e9eeeb);box-shadow:5px 5px 10px rgba(45,73,54,.12),-4px -4px 9px #fff;color:#66716a;font-size:16px;font-weight:650;transition:.25s ease}
.rampf-af-progress-item small{font-size:12px}
.rampf-af-progress-item.is-active span,.rampf-af-progress-item.is-complete span{border-color:transparent;background:linear-gradient(145deg,color-mix(in srgb,var(--rampf-accent) 88%,#fff),var(--rampf-accent-dark));box-shadow:0 8px 14px rgba(38,105,47,.27),inset 0 1px 0 rgba(255,255,255,.3);color:#fff;transform:translateY(-2px)}
.rampf-af-progress-item.is-active small,.rampf-af-progress-item.is-complete small{color:var(--rampf-accent-dark);font-weight:700}
.rampf-af-step{display:none}
.rampf-af-step.is-active{display:block;animation:rampfAfLift .28s ease both}
@keyframes rampfAfLift{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.rampf-af-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.rampf-af-grid-three{grid-template-columns:.85fr 1fr 1fr;margin-bottom:20px}
.rampf-field{display:flex;flex-direction:column}
.rampf-field label{margin-bottom:8px;color:#334039;font-size:13px;font-weight:700}
.rampf-field label span,.rampf-check strong{color:#9b3d36}
.rampf-field input,.rampf-field select,.rampf-field textarea{
width:100%;box-sizing:border-box;min-height:50px;padding:12px 15px;
border:1px solid rgba(57,82,66,.15);border-radius:11px;
background:linear-gradient(145deg,#f8faf9,#fff);
box-shadow:inset 3px 3px 7px rgba(44,68,52,.08),inset -3px -3px 7px rgba(255,255,255,.95),0 1px 0 #fff;
color:#2e3933;font:inherit;font-size:15px;
transition:border-color .18s,box-shadow .18s,transform .18s,background .18s;
}
.rampf-field textarea{min-height:140px;resize:vertical}
.rampf-field input:hover,.rampf-field select:hover,.rampf-field textarea:hover{border-color:rgba(60,150,50,.32)}
.rampf-field input:focus,.rampf-field select:focus,.rampf-field textarea:focus{outline:none;border-color:var(--rampf-accent);background:#fff;box-shadow:inset 2px 2px 5px rgba(44,68,52,.06),0 0 0 4px color-mix(in srgb,var(--rampf-accent) 13%,transparent),0 8px 18px rgba(43,89,53,.08);transform:translateY(-1px)}
.rampf-field input.is-invalid,.rampf-field select.is-invalid,.rampf-check.is-invalid{border-color:#b9534d}
.rampf-full{grid-column:1/-1}
.rampf-check{display:flex;gap:11px;align-items:flex-start;margin-top:20px;padding:14px 15px;border:1px solid rgba(55,82,63,.1);border-radius:12px;background:linear-gradient(145deg,#f7faf8,#fff);box-shadow:0 7px 15px rgba(42,67,49,.06),inset 0 1px 0 #fff;color:#5f6964;font-size:13px;line-height:1.5}
.rampf-check input{width:17px;height:17px;margin-top:2px;accent-color:var(--rampf-accent)}
.rampf-check a{color:var(--rampf-accent-dark);font-weight:700}
.rampf-af-error{min-height:19px;margin-top:14px;color:#a1433d;font-size:13px}
.rampf-af-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:24px;border-top:1px solid rgba(57,82,66,.11)}
.rampf-required{margin:0;color:#6c756f;font-size:12px}
.rampf-af-actions{display:flex;gap:12px}
.rampf-af-next,.rampf-af-submit,.rampf-af-back{min-width:190px;min-height:50px;padding:12px 23px;border-radius:11px;font:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.rampf-af-next,.rampf-af-submit{border:1px solid color-mix(in srgb,var(--rampf-accent) 75%,#173a20);background:linear-gradient(145deg,color-mix(in srgb,var(--rampf-accent) 90%,#fff),var(--rampf-accent-dark));box-shadow:0 9px 0 color-mix(in srgb,var(--rampf-accent-dark) 82%,#142a19),0 13px 22px rgba(34,92,42,.22),inset 0 1px 0 rgba(255,255,255,.32);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.16)}
.rampf-af-back{min-width:auto;border:1px solid rgba(55,79,63,.16);background:linear-gradient(145deg,#fff,#e9efeb);box-shadow:0 7px 0 #d2dbd5,0 10px 16px rgba(43,67,50,.12),inset 0 1px 0 #fff;color:#536059}
.rampf-af-next:hover,.rampf-af-submit:hover,.rampf-af-back:hover{filter:brightness(1.02);transform:translateY(-2px)}
.rampf-af-next:active,.rampf-af-submit:active{transform:translateY(6px);box-shadow:0 3px 0 color-mix(in srgb,var(--rampf-accent-dark) 82%,#142a19),0 6px 12px rgba(34,92,42,.18),inset 0 1px 0 rgba(255,255,255,.25)}
.rampf-af-back:active{transform:translateY(5px);box-shadow:0 2px 0 #d2dbd5,0 5px 9px rgba(43,67,50,.1)}
.rampf-af-notice{margin:0 0 22px;padding:14px 16px;border:1px solid;border-radius:11px;box-shadow:0 7px 14px rgba(42,67,49,.07),inset 0 1px 0 rgba(255,255,255,.8);font-size:14px;font-weight:700}
.rampf-af-notice.success{border-color:#d1e5d5;background:linear-gradient(145deg,#f8fff9,#edf8ef);color:#2e6039}
.rampf-af-notice.error{border-color:#efd9d7;background:linear-gradient(145deg,#fffafa,#fff2f0);color:#87352f}
.rampf-af-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
[hidden]{display:none!important}
@media(max-width:720px){
.rampf-af-background{padding:28px 12px;border-radius:18px}
.rampf-af-wrap{padding:25px 20px;border-radius:18px;transform:none}
.rampf-af-head{grid-template-columns:50px 1fr;gap:14px}
.rampf-af-brandmark{width:48px;height:48px;border-radius:14px}.rampf-af-brandmark svg{width:36px;height:36px}
.rampf-af-badge{grid-column:2;width:max-content;margin-top:1px}
.rampf-af-progress{margin-bottom:29px;padding:12px 6px 10px}
.rampf-af-progress-item small{display:none}
.rampf-af-grid,.rampf-af-grid-three{grid-template-columns:1fr;gap:16px}.rampf-af-grid-three{margin-bottom:16px}.rampf-full{grid-column:auto}
.rampf-af-footer{align-items:flex-end}.rampf-af-actions{flex:1;justify-content:flex-end}.rampf-af-next,.rampf-af-submit{min-width:150px}
}
@media(max-width:460px){
.rampf-af-background{padding:18px 8px}.rampf-af-wrap{padding:22px 15px}
.rampf-af-head{grid-template-columns:1fr}.rampf-af-brandmark{display:none}.rampf-af-badge{grid-column:auto}.rampf-af-heading-text h2{font-size:23px}
.rampf-af-progress-item span{width:38px;height:38px}.rampf-af-progress-item:not(:last-child):after{top:18px}
.rampf-af-footer{display:block}.rampf-required{margin-bottom:14px}.rampf-af-actions{display:grid;grid-template-columns:1fr 1fr}
.rampf-af-next,.rampf-af-submit,.rampf-af-back{width:100%;min-width:0}.rampf-af-submit{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){.rampf-af-step.is-active{animation:none}.rampf-af-next,.rampf-af-submit,.rampf-af-back,.rampf-field input,.rampf-field select,.rampf-field textarea{transition:none}}