@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--font-primary:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--color-pantone-9580c:#dbffc9;--color-pantone-902c:#97ff66;--color-pantone-5463c:#00241e;--bg-primary:#00241e;--bg-secondary:#001f1a;--bg-tertiary:#002d26;--bg-sticky:#00241ef2;--card-bg:#00241e;--card-border:#97ff6638;--text-primary:#97ff66;--text-secondary:#dbffc9;--text-muted:#7ac798;--color-primary:#97ff66;--color-primary-hover:#b5ff94;--color-primary-glow:transparent;--color-accent-soft:#dbffc9;--color-success:#97ff66;--color-success-bg:#97ff661f;--color-success-border:#97ff6659;--color-success-glow:transparent;--color-warning:#dbffc9;--color-warning-bg:#dbffc91f;--color-warning-border:#dbffc959;--color-danger:#ef4444;--color-danger-bg:#ef44441f;--color-danger-border:#ef444459;--color-info:#3b82f6;--color-info-bg:#3b82f61f;--color-info-border:#3b82f659;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #00241e26;--shadow-lg:0 10px 25px #00241e33;--shadow-glow:none;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{touch-action:manipulation;-webkit-text-size-adjust:100%}body{font-family:var(--font-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#00241e;min-height:100vh;line-height:1.5}@media screen and (width<=767px){input,select,textarea,.form-input,.form-select{font-size:16px!important}}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#004539}::-webkit-scrollbar-thumb:hover{background:#97ff66}.container{width:100%;max-width:768px;margin:0 auto;padding:1.25rem 1.5rem}@media (width<=767px){.container{padding:.75rem .5rem}}.main-screen-wrapper{background-color:#00241e;border:none;border-radius:0;width:100%;max-width:768px;min-height:100vh;margin:0 auto}@media (width<=767px){.main-screen-wrapper{border-radius:0;width:100%;margin:0}}.connected-stepper-wrapper{flex-direction:column;width:100%;margin:0 0 1.5rem;display:flex}.number-stepper-container{justify-content:space-between;align-items:flex-start;width:100%;max-width:360px;margin:.5rem auto 1.5rem;padding:0;display:flex;position:relative}.stepper-line{opacity:1;z-index:1;background-color:#dbffc940;height:2px;position:absolute;top:19px;left:50px;right:50px;overflow:hidden;transform:translateY(-50%)}.stepper-line-progress{background-color:var(--color-pantone-902c);opacity:1;width:0%;height:100%;box-shadow:none;transition:width .35s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.step-item{cursor:pointer;z-index:2;-webkit-user-select:none;user-select:none;background:0 0;border:none;outline:none;flex-direction:column;align-items:center;gap:.4rem;width:100px;padding:0;transition:all .25s;display:flex;position:relative}.step-number-circle{color:#dbffc940;background-color:#00241e;border:1px solid #dbffc940;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.05rem;font-weight:800;transition:all .25s;display:flex}.step-item.active .step-number-circle{background-color:var(--color-pantone-902c);color:#00241e;border-color:var(--color-pantone-902c);box-shadow:none;transform:scale(1.1)}.step-item.completed .step-number-circle{background-color:var(--color-pantone-902c);color:#00241e;border-color:var(--color-pantone-902c)}.step-number-label{color:#dbffc940;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700;transition:all .25s}.step-item.active .step-number-label{opacity:1;text-shadow:none;font-weight:800}.step-item.disabled{cursor:not-allowed}.step-item.disabled .step-number-circle{color:#dbffc966;background-color:#00241e;border-color:#dbffc966}.step-item.disabled .step-number-label{color:#dbffc966}.step-content-card{box-shadow:none;z-index:1;background-color:#00241e;border:none;border-radius:0;width:100%;padding:1.5rem;position:relative}@media (width<=767px){.step-content-card{border-radius:0;padding:1rem .75rem}}h1,h2,h3{text-transform:uppercase;letter-spacing:.04em}.btn{font-family:var(--font-primary);cursor:pointer;transition:var(--transition-normal);-webkit-user-select:none;user-select:none;text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:15px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.85rem;font-weight:700;display:inline-flex}.btn-primary,.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background-color:var(--color-pantone-902c);color:#00241e;opacity:1;box-shadow:none}.btn-secondary{color:#97ff66;background:#97ff661f;border:1px solid #97ff6659}.btn-secondary:hover{background:#97ff6640;border-color:#97ff66}.btn-danger{background:var(--color-danger-bg);color:#f87171;border:1px solid var(--color-danger-border)}.btn-danger:hover{background:var(--color-danger);color:#fff;box-shadow:none}.btn-success{color:#00241e;background:#97ff66}.btn-success:hover{box-shadow:none;background:#b5ff94;transform:translateY(-1px)}.btn-sm{border-radius:15px;padding:.5rem 1rem;font-size:.85rem}.form-group{flex-direction:column;gap:.15rem;width:100%;display:flex}.form-label{color:#dbffc9;opacity:1;text-transform:uppercase;letter-spacing:.05em;text-align:center;margin-bottom:.1rem;font-size:.72rem;font-weight:800;display:block}.form-input,.form-select{font-family:var(--font-primary);color:#dbffc9;opacity:1;text-align:center;text-align-last:center;box-shadow:none;transition:var(--transition-normal);background-color:#dbffc91a;border:1px solid #dbffc9;border-radius:15px;outline:none;width:100%;padding:.75rem;font-size:16px;font-weight:600}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23DBFFC9' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .85rem center;background-repeat:no-repeat;background-size:16px 16px;padding-right:2rem}.form-select option{color:#dbffc9;opacity:1;background-color:#00241e}.form-input::placeholder{color:#dbffc9;opacity:1}input[type=date]::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}.form-input.error{border-color:var(--color-danger)}.form-error{color:#f87171;font-size:.75rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=640px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width>=768px){.grid-2{grid-template-columns:repeat(2,1fr);gap:1.5rem}.grid-3,.grid-4{gap:1.5rem}}@media (width>=1024px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{background-color:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border)}.badge-warning{background-color:var(--color-warning-bg);color:#fbbf24;border:1px solid var(--color-warning-border)}.badge-danger{background-color:var(--color-danger-bg);color:#f87171;border:1px solid var(--color-danger-border)}.badge-info{background-color:var(--color-info-bg);color:#60a5fa;border:1px solid var(--color-info-border)}.currency-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.main-title{letter-spacing:-.02em;color:var(--text-primary);margin:0;font-size:1.75rem;font-weight:800}@media (width<=768px){.main-title{white-space:nowrap;font-size:clamp(.75rem,4.5vw,1.75rem)}}.calculator-card{padding:1rem!important}@media (width>=768px){.calculator-card{padding:2rem!important}}.payment-list-item{border-radius:var(--radius-md);background:#00241e;border:none;flex-direction:column;gap:.75rem;padding:1rem;animation:.3s forwards fadeIn;display:flex}
