:root{--bs-body-color: #1E293B;--bs-heading-color: #1E293B}body{color:var(--bs-body-color)}.btn-my-success{--bs-btn-color: #00290A;--bs-btn-bg: #34d399;--bs-btn-border-color: #34d399;--bs-btn-hover-color: #000;--bs-btn-hover-bg: #2fb083;--bs-btn-hover-border-color: #2fb083;--bs-btn-focus-shadow-rgb: 52, 211, 153;--bs-btn-active-color: #000;--bs-btn-active-bg: #299a73;--bs-btn-active-border-color: #299a73;--bs-btn-disabled-color: #00290A;--bs-btn-disabled-bg: #34d399;--bs-btn-disabled-border-color: #34d399;--bs-gradient: none;font-weight:600}.btn-outline-my-success{--bs-btn-color: #0f3d21;--bs-btn-border-color: #34d399;--bs-btn-hover-color: #ffffff;--bs-btn-hover-bg: #34d399;--bs-btn-hover-border-color: #34d399;--bs-btn-focus-shadow-rgb: 52, 211, 153;--bs-btn-active-color: #ffffff;--bs-btn-active-bg: #2fb083;--bs-btn-active-border-color: #2fb083;--bs-btn-disabled-color: #0f3d21;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #34d399;--bs-gradient: none;font-weight:600}html{font-size:14px}@media(min-width:768px){html{font-size:16px}}.hero-section{background:url(/img/background/hero/hero.webp) no-repeat center center;background-size:cover;min-height:100vh}.hero-overlay{background:#0f172acc}.btn:focus,.btn:active:focus,.btn-link.nav-link:focus,.form-control:focus,.form-check-input:focus{box-shadow:0 0 0 .1rem #fff,0 0 0 .25rem #258cfb}.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder{color:var(--bs-secondary-color);text-align:end}.form-floating>.form-control-plaintext:focus::placeholder,.form-floating>.form-control:focus::placeholder{text-align:start}.my-card-title{background:linear-gradient(90deg,#006400,#198754);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.circle-wrapper{width:90vw;max-width:520px;aspect-ratio:1 / 1;margin:0 auto}.center-circle{position:absolute;top:50%;left:50%;width:40%;height:40%;background:linear-gradient(135deg,#198754,#34d399);color:#fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #19875459;font-size:1.4rem}.orbit{position:absolute;top:50%;left:50%;border:1.5px dashed rgba(25,135,84,.25);border-radius:50%;transform:translate(-50%,-50%)}.orbit-1{width:70%;height:70%}.orbit-2{width:90%;height:90%}.role{position:absolute;width:30%;height:30%;background:linear-gradient(145deg,#f5fff7,#fff);border-radius:50%;box-shadow:0 0 25px #0000002b;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .3s ease;font-weight:600;font-size:1.1rem;color:#198754;padding:10px;text-align:center}.role-seo{top:0;left:50%;transform:translate(-50%,-25%)}.role-copy{top:50%;right:0;transform:translate(25%,-50%)}.role-seller{bottom:0;left:50%;transform:translate(-50%,25%)}.role-marketer{top:50%;left:0;transform:translate(-25%,-50%)}@media(max-width:576px){.circle-wrapper{width:min(90vw,340px);height:auto;aspect-ratio:1 / 1;margin:0 auto;overflow:visible}.center-circle{width:38%;height:38%;font-size:1.05rem}.orbit-1{width:70%;height:70%}.orbit-2{width:92%;height:92%}.role{width:26%;height:26%;font-size:.82rem;padding:6px}.role-seo{top:-3%;left:50%;transform:translate(-50%)}.role-copy{top:50%;right:-3%;transform:translateY(-50%)}.role-seller{bottom:-3%;left:50%;transform:translate(-50%)}.role-marketer{top:50%;left:-3%;transform:translateY(-50%)}}.icon-step-1{color:#34d399}.icon-step-2{color:#10b981}.icon-step-3{color:#047857}
