*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;min-height:100vh;overflow-x:hidden}body{font-family:"Source Sans 3",system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:1.35rem;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a2a21;color:#d4af37}#root{width:100%;min-height:100vh}:root{--theme-bg-primary: #0a2a21;--theme-bg-field: #0a2a21;--theme-bg-cta: #0a2a21;--theme-accent: #D4AF37;--theme-text-primary: #D4AF37;--theme-text-secondary: #ffffff;--theme-text-white: #ffffff;--theme-border-default: #1e6b53;--theme-border-accent: #D4AF37;--theme-btn-primary-bg: #D4AF37;--theme-btn-primary-color: #0a2a21;--theme-btn-secondary-bg: transparent;--theme-btn-secondary-color: #D4AF37;--theme-btn-secondary-border: #1e6b53;--theme-glow: rgba(212,175,55,.55);--theme-glow-focus: rgba(212,175,55,.85);--theme-stepper-dot-bg: rgba(212,175,55,.3);--theme-stepper-dot-active-bg: #D4AF37;--theme-stepper-dot-active-color: #0a2a21}.screen-container{min-height:100vh;background-color:var(--theme-bg-primary);color:var(--theme-text-primary);display:flex;flex-direction:column;align-items:center;padding:0;width:100%;box-sizing:border-box;transition:background-color .35s ease,color .35s ease}.screen-header{flex-shrink:0;width:100%;display:flex;flex-direction:column;align-items:center;padding:12px 5% 0}.screen-logo{width:95%;max-width:420px;height:auto;display:block;margin:8px auto}.screen-stepper{flex-shrink:0;padding:12px 0 16px;font-size:.95rem;opacity:.9;pointer-events:none}.screen-stepper .step-dot{display:inline-block;width:22px;height:22px;margin:0 4px;border-radius:50%;background:var(--theme-stepper-dot-bg);border:2px solid var(--theme-accent);vertical-align:middle;line-height:16px;text-align:center;font-size:12px;transition:background .3s,color .3s}.screen-stepper .step-dot.active{background:var(--theme-stepper-dot-active-bg);color:var(--theme-stepper-dot-active-color);font-weight:500}.screen-inner{width:100%;max-width:720px;margin:0 auto;flex:1;min-height:0;display:flex;flex-direction:column}.screen-content{flex:1;min-height:0;width:100%;max-width:100%;padding:4px 24px 80px;box-sizing:border-box;display:flex;flex-direction:column}.screen-container input,.screen-container select,.screen-container textarea{background-color:var(--theme-bg-field);border:1px solid var(--theme-border-default);color:var(--theme-text-primary);border-radius:6px;padding:8px 10px;font-family:inherit;font-size:1rem;width:100%;box-sizing:border-box;transition:border-color .2s,box-shadow .2s,background-color .3s,color .3s;box-shadow:0 0 6px var(--theme-glow)}.screen-container option{background-color:var(--theme-bg-field);color:var(--theme-text-primary)}.screen-container input::placeholder,.screen-container textarea::placeholder{color:var(--theme-text-primary);opacity:.4}.screen-container input:focus,.screen-container select:focus,.screen-container textarea:focus{outline:none;border-color:var(--theme-accent);box-shadow:0 0 10px var(--theme-glow-focus)}@media(min-width:768px){.screen-content{max-width:100%;padding:0 24px 32px}.screen-header{padding:20px 5% 0}}.stepper-current{font-weight:600}.btn-primary{width:100%;max-width:360px;padding:13px;background-color:var(--theme-btn-primary-bg);color:var(--theme-btn-primary-color);border:none;border-radius:8px;font-size:1.2rem;font-weight:500;cursor:pointer;font-family:inherit;letter-spacing:.3px;transition:background-color .2s,box-shadow .2s,color .3s;box-shadow:0 0 14px var(--theme-glow),0 0 4px #ffffff26}.btn-primary:hover{opacity:.9;box-shadow:0 0 22px var(--theme-glow-focus),0 0 6px #ffffff40}.btn-secondary{width:100%;max-width:360px;padding:13px;background-color:var(--theme-btn-secondary-bg);color:var(--theme-btn-secondary-color);border:1px solid var(--theme-btn-secondary-border);border-radius:8px;font-size:1.2rem;font-weight:500;cursor:pointer;font-family:inherit;letter-spacing:.3px;transition:border-color .2s,box-shadow .2s;box-shadow:0 0 8px var(--theme-glow)}.btn-secondary:hover{border-color:var(--theme-accent);box-shadow:0 0 14px var(--theme-glow-focus),0 0 4px #ffffff1a}.btn-group{width:100%;max-width:360px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;gap:16px;margin-top:auto}.btn-group .btn-secondary{order:1}.btn-group .btn-primary{order:2}.btn-group .btn-primary,.btn-group .btn-secondary{flex:1 1 0;min-width:0;padding:8px}.screen-content>a.btn-primary{margin-top:auto;width:90%;max-width:360px;margin-left:auto;margin-right:auto;display:block}@media(min-width:768px){.btn-group{max-width:640px;margin-left:auto;margin-right:auto}.screen-content>a.btn-primary{max-width:420px}.btn-group .btn-primary,.btn-group .btn-secondary{width:auto;min-width:120px;flex:1 1 0;max-width:280px}}.s1-title{font-size:1.25rem;font-weight:600;color:var(--theme-accent);text-align:center;margin:16px 0 10px;line-height:1.35}.s1-subtitle{font-size:.95rem;color:var(--theme-text-secondary);text-align:center;margin:0 0 24px;line-height:1.5}.s1-features{width:100%;display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.s1-feature-card{display:flex;align-items:center;gap:14px;background:transparent;border:1px solid var(--theme-border-default);border-radius:8px;padding:12px 16px;box-shadow:0 0 12px #ffffff40,0 0 6px var(--theme-glow)}.s1-feature-icon{width:36px;height:36px;background:color-mix(in srgb,var(--theme-accent) 15%,transparent);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.s1-feature-text{display:flex;flex-direction:column}.s1-feature-title{color:var(--theme-accent);font-size:.9rem;font-weight:600;margin:0 0 2px}.s1-feature-desc{color:var(--theme-text-secondary);font-size:.8rem;margin:0}.s1-btn{width:60%!important;max-width:200px!important;padding:10px 20px!important;font-size:1rem!important;align-self:center;margin-left:auto;margin-right:auto}.s2-screen{width:100%;flex:1;display:flex;flex-direction:column;padding-bottom:130px}.s2-form-grid{width:100%;max-width:360px;display:flex;flex-direction:column;gap:8px}.s2-form-grid input,.s2-form-grid select,.s2-form-grid textarea{background-color:var(--theme-bg-field)!important;border:2px solid var(--theme-accent);color:var(--theme-text-primary);border-radius:6px;padding:8px 16px;font-family:inherit;font-size:1rem;width:100%;box-sizing:border-box}.s2-form-grid option{background-color:var(--theme-bg-field);color:var(--theme-text-primary)}.s2-form-grid input::placeholder,.s2-form-grid textarea::placeholder{color:var(--theme-text-primary);opacity:.6}.s2-form-grid input:focus,.s2-form-grid select:focus,.s2-form-grid textarea:focus{outline:none;border-color:var(--theme-accent)}.s2-field{display:flex;flex-direction:column;gap:8px}.s2-field label{font-size:1.1rem;opacity:1.1}.s2-cta-wrap{position:fixed;bottom:0;left:0;right:0;background-color:var(--theme-bg-cta);padding:16px 16px calc(32px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;justify-content:center}.s2-cta-inner{width:100%;max-width:280px;margin:0 auto;display:flex;justify-content:center}.s2-cta-inner .btn-primary{display:block;width:100%;max-width:360px;margin:0 auto}.s3-screen{width:100%;flex:1;display:flex;flex-direction:column;padding-bottom:32px}.s3-form-grid{width:100%;max-width:360px;display:flex;flex-direction:column;gap:12px}.s3-field{display:flex;flex-direction:column;gap:4px}.s3-field label{font-size:1.1rem;opacity:1.1;color:var(--theme-accent)}.s3-row{display:flex;gap:12px}.s3-row input{flex:1;min-width:0}.s3-info{margin:12px 0 0;font-size:.95rem;opacity:.9;color:var(--theme-accent)}.s3-correction-msg{grid-column:1/-1;background:#e74c3c26;border:1px solid #e74c3c;border-radius:6px;color:#f1948a;font-size:.9rem;padding:10px 14px;margin:4px 0}.s3-screen .btn-group{margin-top:32px;margin-bottom:16px}.s4-screen{width:100%;flex:1;display:flex;flex-direction:column;padding-bottom:24px}.s4-title{margin:0 0 16px;font-size:1.25rem;font-weight:600;color:var(--theme-accent)}.s4-form-grid{width:100%;display:flex;flex-direction:column;gap:12px}.s4-field{display:flex;flex-direction:column;gap:4px}.s4-field label{font-size:1.05rem;color:var(--theme-accent)}.s4-obligations{margin-top:20px}.s4-section-label{margin:0 0 10px;font-size:1rem;color:var(--theme-text-secondary);font-weight:600;display:block;padding:2px 0}.s4-section-info{margin:0 0 10px;font-size:.9rem;color:var(--theme-accent);opacity:.75}.s4-obligation-block{padding:6px 0;border-top:1px solid color-mix(in srgb,var(--theme-accent) 15%,transparent);display:flex;flex-direction:column;gap:8px}.s4-checkbox-field{display:flex;flex-direction:row;align-items:center;gap:10px}.s4-checkbox-field label{font-size:.95rem;color:var(--theme-accent);cursor:pointer}.s4-checkbox-field input[type=checkbox]{width:20px;height:20px;min-width:20px;cursor:pointer;accent-color:var(--theme-accent);flex-shrink:0}.s4-btn-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:2px}.s4-add-btn{padding:8px 18px;background:transparent;color:var(--theme-accent);border:1px solid var(--theme-border-default);border-radius:8px;font-family:inherit;font-size:.95rem;font-weight:500;cursor:pointer;transition:border-color .2s,box-shadow .2s;box-shadow:0 0 8px var(--theme-glow)}.s4-add-btn:hover{border-color:var(--theme-accent);box-shadow:0 0 14px var(--theme-glow-focus)}.s4-screen .btn-group{margin-top:20px;margin-bottom:0}.s5-screen{display:flex;flex-direction:column;flex:1}.s5-title{margin:0 0 16px;font-size:1.25rem;font-weight:600;color:var(--theme-accent)}.s5-grid{width:100%;max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.s5-card{border-radius:10px;padding:14px 16px;border:1px solid var(--theme-border-default);background:var(--theme-bg-primary);font-size:.85rem;transition:border-color .2s}.s5-card p{margin:3px 0;line-height:1.4}.s5-card--best{border-color:#f1c40f}.s5-card--salary{border-color:var(--theme-border-default)}.s5-card--debt{border-color:#2980b9}.s5-card--selected{border-color:var(--theme-accent);background:color-mix(in srgb,var(--theme-accent) 6%,var(--theme-bg-primary))}.s5-card-row{margin:3px 0;font-size:.85rem;color:var(--theme-accent)}.s5-status{margin:6px 0 0;font-size:.82rem;opacity:.9}.s5-checkbox-label{display:inline-flex;align-items:center;gap:8px;margin-top:8px;cursor:pointer;color:var(--theme-accent)}.s5-screen .btn-group{margin-top:24px}.s6-screen{display:flex;flex-direction:column;flex:1}.s6-title{margin:0 0 4px;font-size:1.25rem;font-weight:600;color:var(--theme-accent)}.s6-subtitle{margin:0 0 20px;font-size:.85rem;color:var(--theme-text-secondary);opacity:.8;line-height:1.5}.s6-grid{width:100%;max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.s6-field{display:flex;flex-direction:column;gap:4px}.s6-field label{font-size:.9rem;color:var(--theme-accent);opacity:.95}.s6-error{color:#ff8080;font-size:.85rem;margin:2px 0 0}.s6-gdpr{grid-column:1/-1;margin-top:4px;padding:12px 14px;border:1px solid var(--theme-border-default);border-radius:8px;box-shadow:0 0 10px #ffffff1a}.s6-checkbox-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;color:var(--theme-text-secondary);font-size:.85rem;line-height:1.5}.s6-checkbox-label input[type=checkbox]{width:18px;height:18px;min-width:18px;margin-top:2px;accent-color:var(--theme-accent);cursor:pointer}.s6-screen .btn-group{margin-top:auto;padding-top:28px}.s7-screen{display:flex;flex-direction:column;flex:1}.s7-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:2px}.s7-header-left{flex:1}.s7-label{margin:0 0 1px;font-size:.8rem;color:var(--theme-text-secondary);opacity:.65}.s7-title{margin:0;font-size:1.35rem;font-weight:700;color:var(--theme-accent)}.s7-badge{font-size:.75rem;color:var(--theme-text-secondary);opacity:.7;background:color-mix(in srgb,var(--theme-accent) 15%,transparent);border:1px solid var(--theme-border-default);border-radius:12px;padding:3px 10px;white-space:nowrap;margin-top:4px;flex-shrink:0}.s7-subtitle{margin:0 0 14px;font-size:.85rem;color:var(--theme-text-secondary);opacity:.8}.s7-block{background:transparent;border:1px solid var(--theme-border-default);border-radius:8px;padding:12px 14px;margin-bottom:10px;box-shadow:0 0 10px #ffffff1a}.s7-block-title{color:var(--theme-accent);font-size:.75rem;font-weight:600;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.s7-block-rows{display:flex;flex-direction:column;gap:4px}.s7-block-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.s7-row{margin:0;font-size:.85rem;color:var(--theme-text-secondary)}.s7-row strong{color:var(--theme-accent);font-weight:600}.s7-info{color:var(--theme-accent);opacity:.85;font-size:.9rem;margin-top:8px}.s7-field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.s7-field label{font-size:.85rem;color:var(--theme-accent);opacity:.95}.s7-hint-row{display:flex;align-items:center;gap:8px;margin-top:8px;margin-bottom:20px}.s7-hint-text{font-size:.78rem;color:var(--theme-accent);opacity:.65;font-style:italic;flex:1}.s7-hint-arrow{opacity:.5;flex-shrink:0}.s7-edit-btn{display:flex;align-items:center;gap:5px;background:transparent;border:1px solid var(--theme-border-default);border-radius:6px;padding:5px 10px;color:var(--theme-accent);font-size:.75rem;cursor:pointer;white-space:nowrap;box-shadow:0 0 6px #ffffff1f;flex-shrink:0}.s7-gdpr{padding:12px 14px;border:1px solid var(--theme-border-default);border-radius:8px;margin-bottom:20px;box-shadow:0 0 10px #ffffff1a}.s7-checkbox-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;color:var(--theme-text-secondary);font-size:.85rem;line-height:1.5}.s7-checkbox-label input[type=checkbox]{width:18px;height:18px;min-width:18px;margin-top:2px;accent-color:var(--theme-accent);cursor:pointer}.s7-screen .btn-group{margin-top:auto;padding-top:8px}.s8-screen{display:flex;flex-direction:column;flex:1;align-items:center;text-align:center}.s8-icon{width:80px;height:80px;border-radius:50%;background:color-mix(in srgb,var(--theme-accent) 12%,transparent);border:2px solid var(--theme-accent);display:flex;align-items:center;justify-content:center;margin:8px auto 16px;box-shadow:0 0 24px color-mix(in srgb,var(--theme-accent) 35%,transparent)}.s8-title{color:var(--theme-accent);font-size:1.4rem;font-weight:700;margin:0 0 8px}.s8-subtitle{color:var(--theme-text-secondary);font-size:.9rem;line-height:1.6;margin:0 0 16px;opacity:.85}.s8-info-card{width:100%;display:flex;align-items:center;gap:12px;background:color-mix(in srgb,var(--theme-accent) 7%,transparent);border:1px solid var(--theme-border-default);border-radius:8px;padding:12px 16px;margin-bottom:12px;box-shadow:0 0 10px #ffffff14;text-align:left}.s8-info-icon{font-size:1.3rem;flex-shrink:0}.s8-info-text{color:var(--theme-text-secondary);font-size:.85rem;opacity:.9;margin:0;line-height:1.4}.s8-feedback-card{width:100%;background:transparent;border:1px solid var(--theme-border-default);border-radius:8px;padding:14px 16px;margin-bottom:12px;box-shadow:0 0 10px #ffffff14;text-align:left}.s8-share-card{width:100%;background:transparent;border:1px solid var(--theme-border-default);border-radius:8px;padding:14px 16px;margin-bottom:20px;box-shadow:0 0 10px #ffffff14;text-align:left}.s8-feedback-title{color:var(--theme-accent);font-size:.75rem;font-weight:600;margin:0 0 6px;text-transform:uppercase;letter-spacing:.5px}.s8-feedback-desc{color:var(--theme-text-secondary);font-size:.85rem;opacity:.85;margin:0 0 10px;line-height:1.4}.s8-feedback-textarea{width:100%;box-sizing:border-box;background:transparent;border:1px solid var(--theme-border-default);border-radius:6px;padding:10px 12px;color:var(--theme-accent);font-size:.85rem;resize:none;outline:none;font-family:inherit;box-shadow:0 0 8px var(--theme-glow);margin-bottom:8px}.s8-feedback-textarea::placeholder{color:color-mix(in srgb,var(--theme-accent) 40%,transparent)}.s8-feedback-btn{width:100%;padding:9px;background:transparent;color:var(--theme-accent);border:1px solid var(--theme-border-default);border-radius:6px;font-size:.85rem;cursor:pointer;box-shadow:0 0 6px #ffffff1a}.s8-feedback-btn:disabled{opacity:.4;cursor:not-allowed}.s8-feedback-sent{color:#7cfc9a;font-size:.9rem;margin:4px 0 0;font-weight:600}.s8-feedback-error{color:#ff8080;font-size:.82rem;margin:0 0 6px}.s8-share-btn{display:flex;align-items:center;gap:8px;padding:9px 16px;background:var(--theme-btn-primary-bg);color:var(--theme-btn-primary-color);border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:0 0 12px var(--theme-glow)}.s8-screen .btn-group{width:100%;margin-top:auto;padding-top:4px}.screen-container select,.s2-form-grid select,.s3-form-grid select,.s4-form-grid select,.s5-screen select,.s6-grid select,.s7-grid select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23D4AF37' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.screen-container input,.screen-container select,.screen-container textarea,.s2-form-grid input,.s2-form-grid select,.s3-form-grid input,.s3-form-grid select,.s4-form-grid input,.s4-form-grid select{border:1px solid var(--theme-border-default)!important;box-shadow:0 0 12px var(--theme-glow),0 0 4px #ffffff1a!important;transition:border-color .2s,box-shadow .2s!important}.screen-container input:focus,.screen-container select:focus,.screen-container textarea:focus,.s2-form-grid input:focus,.s2-form-grid select:focus,.s3-form-grid input:focus,.s3-form-grid select:focus,.s4-form-grid input:focus,.s4-form-grid select:focus{border-color:var(--theme-accent)!important;box-shadow:0 0 20px var(--theme-glow-focus),0 0 6px #fff3!important;outline:none!important}@media(min-width:768px){.s3-form-grid{max-width:640px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"status tip" "ukupan poslednji" "info info";gap:16px 24px;align-items:start}.s3-form-grid>*:nth-child(1){grid-area:status}.s3-form-grid>*:nth-child(2){grid-area:tip}.s3-form-grid>*:nth-child(3){grid-area:ukupan}.s3-form-grid>*:nth-child(4){grid-area:poslednji}.s3-field{min-height:56px}.s3-screen .btn-group{max-width:640px;margin-left:auto;margin-right:auto}}@media(min-width:768px){.s2-form-grid{max-width:640px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"tip iznos" "valuta rok";gap:16px 24px;align-items:start}.s2-form-grid>*:nth-child(1){grid-area:tip}.s2-form-grid>*:nth-child(2){grid-area:iznos}.s2-form-grid>*:nth-child(3){grid-area:valuta}.s2-form-grid>*:nth-child(4){grid-area:rok}.s2-field{min-height:56px}.s2-cta-inner .btn-primary{max-width:420px}}@media(min-width:768px){.s4-form-grid{max-width:720px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;align-items:start}.s4-obligations{max-width:720px;margin-left:auto;margin-right:auto;margin-top:24px}.s4-obligation-block{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:16px 24px;align-items:end}.s4-screen .btn-group{margin-top:32px;max-width:720px;margin-left:auto;margin-right:auto}}@media(min-width:768px){.s5-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.s5-screen .btn-group{max-width:720px;margin-left:auto;margin-right:auto}}@media(min-width:768px){.s6-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px}.s6-screen .btn-group{max-width:720px;margin-left:auto;margin-right:auto}}@media(min-width:768px){.s7-screen .btn-group{max-width:720px;margin-left:auto;margin-right:auto}}@media(min-width:768px){.s8-screen .btn-group{max-width:720px;margin-left:auto;margin-right:auto}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.grecaptcha-badge{visibility:hidden!important}