@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}:root{--js-primary: #49A2F3;--js-primary-shade: #408fd6;--js-primary-tint: #5babf4;--js-primary-light: #e5f2fd;--js-secondary: #193A59;--js-secondary-shade: #16334e;--js-secondary-tint: #304e6a;--js-success: #439333;--js-success-light: #ecfdf5;--js-warning: #F39A49;--js-warning-light: #fffbeb;--js-danger: #dc2626;--js-danger-light: #fef2f2;--js-dark: #1e293b;--js-medium: #64748b;--js-light: #f8fafc;--js-white: #ffffff;--js-border: #e2e8f0;--js-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--js-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--js-shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--js-shadow-xl: 0 20px 40px -10px rgba(25, 58, 89, .25);--js-radius-sm: 8px;--js-radius: 12px;--js-radius-lg: 16px;--js-radius-xl: 20px;--js-radius-full: 9999px;--js-transition: all .2s ease;--js-transition-slow: all .3s ease}.shipping-calculator{min-height:100vh;background:linear-gradient(135deg,#193a59,#2d5a87,#49a2f3);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;font-family:Montserrat,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow:hidden}.shipping-calculator:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none}.calculator-wrapper{background:var(--js-white);border-radius:var(--js-radius-xl);box-shadow:var(--js-shadow-xl);max-width:480px;width:100%;position:relative;z-index:1;overflow:hidden;transition:var(--js-transition)}.calculator-wrapper.animating{opacity:.5;transform:scale(.98)}.calc-intro{animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.intro-header{background:linear-gradient(135deg,var(--js-primary) 0%,var(--js-secondary) 100%);padding:40px 32px 48px;text-align:center;position:relative}.intro-icon-wrapper{width:88px;height:88px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;border:2px solid rgba(255,255,255,.3);animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.intro-badge{display:inline-flex;align-items:center;gap:6px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 16px;border-radius:var(--js-radius-full);color:#fff;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.intro-content{padding:32px}.intro-title{font-size:26px;font-weight:700;color:var(--js-dark);line-height:1.3;margin:0 0 16px}.intro-title .highlight{color:var(--js-primary);display:block}.intro-description{font-size:15px;color:var(--js-medium);line-height:1.6;margin:0 0 28px}.intro-features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:32px}.feature-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;background:var(--js-light);border-radius:var(--js-radius);transition:var(--js-transition)}.feature-item:hover{background:var(--js-primary-light)}.feature-icon{width:40px;height:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--js-primary);box-shadow:var(--js-shadow-sm)}.feature-item span{font-size:11px;font-weight:600;color:var(--js-secondary);text-align:center}.btn-start{width:calc(100% - 64px);margin:0 32px 32px;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,var(--js-primary) 0%,var(--js-primary-shade) 100%);color:#fff;border:none;padding:16px 32px;font-size:16px;font-weight:600;font-family:inherit;border-radius:var(--js-radius);cursor:pointer;transition:var(--js-transition);box-shadow:0 4px 14px #49a2f366}.btn-start:hover{transform:translateY(-2px);box-shadow:0 6px 20px #49a2f380}.btn-start:active{transform:translateY(0)}.stepper{display:flex;align-items:center;justify-content:center;flex:1}.stepper-item{display:flex;align-items:center}.stepper-circle{width:28px;height:28px;border-radius:50%;background:var(--js-border);color:var(--js-medium);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:var(--js-transition)}.stepper-circle.active{background:var(--js-primary);color:#fff;box-shadow:0 0 0 4px var(--js-primary-light)}.stepper-circle.completed{background:var(--js-success);color:#fff}.stepper-line{width:40px;height:2px;background:var(--js-border);margin:0 8px;transition:var(--js-transition)}.stepper-line.completed{background:var(--js-success)}.calc-question{padding:24px;animation:slideUp .3s ease-out}.question-header{display:flex;align-items:center;margin-bottom:32px}.btn-back{width:40px;height:40px;border-radius:50%;background:var(--js-light);border:none;color:var(--js-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--js-transition);margin-right:16px}.btn-back:hover{background:var(--js-primary-light);color:var(--js-primary)}.question-icon-wrapper{width:64px;height:64px;background:var(--js-primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.question-title{font-size:22px;font-weight:700;color:var(--js-dark);text-align:center;margin:0 0 8px;line-height:1.3}.question-subtitle{font-size:14px;color:var(--js-medium);text-align:center;margin:0 0 28px}.options-container{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.option-card{display:flex;align-items:center;gap:14px;padding:16px;background:var(--js-white);border:2px solid var(--js-border);border-radius:var(--js-radius);cursor:pointer;transition:var(--js-transition);animation:fadeInUp .3s ease-out backwards;text-align:left;font-family:inherit}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.option-card:hover{border-color:var(--js-primary-tint);background:var(--js-primary-light)}.option-card.selected{border-color:var(--js-primary);background:var(--js-primary-light);box-shadow:0 0 0 3px #49a2f326}.option-letter{width:36px;height:36px;min-width:36px;background:var(--js-light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--js-secondary);transition:var(--js-transition)}.option-card.selected .option-letter{background:var(--js-primary);color:#fff}.option-content{flex:1;display:flex;flex-direction:column;gap:2px}.option-label{font-size:16px;font-weight:600;color:var(--js-dark)}.option-description{font-size:13px;color:var(--js-medium)}.option-check{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--js-primary);opacity:0;transform:scale(.5);transition:var(--js-transition)}.option-card.selected .option-check{opacity:1;transform:scale(1)}.question-footer{padding-top:8px}.btn-next{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,var(--js-primary) 0%,var(--js-primary-shade) 100%);color:#fff;border:none;padding:16px 32px;font-size:16px;font-weight:600;font-family:inherit;border-radius:var(--js-radius);cursor:pointer;transition:var(--js-transition);box-shadow:0 4px 14px #49a2f366}.btn-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #49a2f380}.btn-next:disabled{background:var(--js-border);color:var(--js-medium);box-shadow:none;cursor:not-allowed}.calc-result{padding:28px 24px;animation:slideUp .4s ease-out}.result-header{text-align:center;margin-bottom:24px}.result-badge{display:inline-flex;align-items:center;gap:6px;background:var(--js-success-light);color:var(--js-success);padding:8px 16px;border-radius:var(--js-radius-full);font-size:12px;font-weight:600;margin-bottom:12px}.result-title{font-size:24px;font-weight:700;color:var(--js-dark);margin:0}.metrics-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:20px}.metric-card{display:flex;align-items:center;gap:16px;padding:20px;border-radius:var(--js-radius-lg);color:#fff}.metric-card.primary{background:linear-gradient(135deg,var(--js-primary) 0%,var(--js-primary-shade) 100%)}.metric-card.secondary{background:linear-gradient(135deg,var(--js-secondary) 0%,var(--js-secondary-shade) 100%)}.metric-icon{width:48px;height:48px;min-width:48px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center}.metric-info{display:flex;flex-direction:column;gap:4px}.metric-label{font-size:12px;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:28px;font-weight:700}.insight-card{display:flex;gap:14px;padding:16px;background:var(--js-warning-light);border-radius:var(--js-radius);border-left:4px solid var(--js-warning);margin-bottom:20px}.insight-icon{flex-shrink:0;margin-top:2px}.insight-text{font-size:14px;color:#92400e;line-height:1.6;margin:0;font-style:italic}.scenario-card{padding:20px;border-radius:var(--js-radius-lg);border:2px solid;margin-bottom:24px}.scenario-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px}.scenario-icon{width:40px;height:40px;min-width:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.scenario-title{font-size:18px;font-weight:700;margin:0;line-height:1.3;padding-top:8px}.scenario-text{font-size:14px;color:var(--js-medium);line-height:1.7;margin:0;white-space:pre-line}.result-actions{display:flex;flex-direction:column;gap:12px}.btn-cta{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,var(--js-secondary) 0%,var(--js-secondary-shade) 100%);color:#fff;border:none;padding:16px 24px;font-size:15px;font-weight:600;font-family:inherit;border-radius:var(--js-radius);cursor:pointer;transition:var(--js-transition);box-shadow:0 4px 14px #193a594d}.btn-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #193a5966}.btn-reset{display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:var(--js-medium);border:none;padding:12px;font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:var(--js-transition)}.btn-reset:hover{color:var(--js-primary)}.calc-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;gap:16px}.loading-spinner{width:48px;height:48px;border:3px solid var(--js-border);border-top-color:var(--js-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.calc-loading p{color:var(--js-medium);font-size:14px;margin:0}.calc-contact{padding:24px;animation:slideUp .3s ease-out}.contact-header{display:flex;align-items:center;margin-bottom:32px}.contact-icon-wrapper{width:64px;height:64px;background:var(--js-primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.contact-title{font-size:22px;font-weight:700;color:var(--js-dark);text-align:center;margin:0 0 8px;line-height:1.3}.contact-subtitle{font-size:14px;color:var(--js-medium);text-align:center;margin:0 0 28px}.contact-form{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.form-field{display:flex;flex-direction:column;gap:6px}.form-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--js-secondary)}.form-label .required{color:var(--js-danger)}.form-label .optional{color:var(--js-medium);font-weight:400;font-size:12px}.form-input-wrapper{position:relative;display:flex;align-items:center}.form-input-icon{position:absolute;left:14px;color:var(--js-medium);pointer-events:none;transition:var(--js-transition)}.form-input{width:100%;padding:14px 14px 14px 46px;font-size:15px;font-family:inherit;color:var(--js-dark);background:var(--js-white);border:2px solid var(--js-border);border-radius:var(--js-radius);transition:var(--js-transition);outline:none}.form-input::placeholder{color:var(--js-medium);opacity:.7}.form-input:focus{border-color:var(--js-primary);box-shadow:0 0 0 3px #49a2f326}.form-input:focus+.form-input-icon,.form-input-wrapper:focus-within .form-input-icon{color:var(--js-primary)}.form-field.error .form-input{border-color:var(--js-danger);background:var(--js-danger-light)}.form-field.error .form-input:focus{box-shadow:0 0 0 3px #dc262626}.form-field.error .form-input-icon{color:var(--js-danger)}.form-field.valid .form-input{border-color:var(--js-success)}.form-field.valid .form-input:focus{box-shadow:0 0 0 3px #43933326}.form-error{font-size:12px;color:var(--js-danger);display:flex;align-items:center;gap:4px;margin-top:2px}.contact-footer{padding-top:8px}.contact-privacy{font-size:12px;color:var(--js-medium);text-align:center;margin-top:16px;display:flex;align-items:center;justify-content:center;gap:6px}.calculator-footer{display:flex;align-items:center;justify-content:center;gap:6px;padding:20px;color:#ffffffb3;font-size:12px;position:relative;z-index:1}.calculator-footer strong{color:#fff;font-weight:600}@media(max-width:520px){.shipping-calculator{padding:12px}.calculator-wrapper{border-radius:var(--js-radius-lg)}.intro-header{padding:32px 24px 40px}.intro-icon-wrapper{width:72px;height:72px}.intro-content{padding:24px}.intro-title{font-size:22px}.intro-features{gap:8px}.feature-item{padding:12px 6px}.feature-item span{font-size:10px}.btn-start{margin:0 24px 24px;width:calc(100% - 48px)}.calc-question{padding:20px}.question-title{font-size:20px}.stepper-line{width:24px}.option-card{padding:14px}.option-label{font-size:15px}.calc-result{padding:24px 20px}.result-title{font-size:22px}.metric-value{font-size:24px}.scenario-title{font-size:16px}}@media(max-width:360px){.intro-title{font-size:20px}.intro-features{grid-template-columns:1fr;gap:8px}.feature-item{flex-direction:row;justify-content:flex-start;padding:12px 16px}.feature-icon{width:36px;height:36px}.feature-item span{font-size:12px}}