*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--primary:#1a1a2e;--primary-light:#2d2d4a;--accent:#c2185b;--accent-soft:#e91e6320;--text-dark:#1a1a2e;--text-medium:#4a4a68;--text-light:#8888a4;--text-muted:#b0b0c4;--bg-page:#f5f5f8;--bg-card:#fff;--bg-input:#f0f0f5;--border:#e4e4ec;--border-focus:#1a1a2e;--green:#0d7a3e;--green-bg:#e8f5e9;--green-border:#c8e6c9;--green-dot:#2e7d32;--shadow-sm:0 1px 3px rgba(0,0,0,.06);--shadow-md:0 4px 16px rgba(0,0,0,.06),0 1px 4px rgba(0,0,0,.04);--shadow-lg:0 8px 32px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.04)}html{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-page);color:var(--text-dark);min-height:100vh}.page-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:460px;min-height:100vh;padding:48px 20px}.brand{margin-bottom:36px;text-align:center}.brand-icon{height:56px;margin:0 auto 14px;width:56px}.brand-title{color:var(--text-dark);font-size:26px;font-weight:800;letter-spacing:-.5px;margin-bottom:6px}.highlight{color:var(--accent);font-weight:800}.brand-subtitle{color:var(--text-light);font-size:14px;font-weight:500}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:24px;padding:28px 24px;width:100%}.rate-badge{align-items:center;align-self:center;background:var(--green-bg);border:1px solid var(--green-border);border-radius:100px;color:var(--green);display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px}.rate-badge.loading{background:var(--bg-input);border-color:var(--border);color:var(--text-light)}.rate-dot{animation:blink 2s ease-in-out infinite;background:var(--green-dot);border-radius:50%;height:7px;width:7px}.rate-badge.loading .rate-dot{background:var(--text-muted)}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.input-group{display:flex;flex-direction:column;gap:8px}.input-label{color:var(--text-medium);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.input-wrapper{align-items:center;background:var(--bg-input);border:2px solid transparent;border-radius:14px;display:flex;height:62px;padding:0 20px;transition:all .25s ease}.input-wrapper:focus-within{background:var(--bg-card);border-color:var(--border-focus);box-shadow:0 0 0 4px #1a1a2e0f}.input-prefix{color:var(--text-muted);font-size:22px;font-weight:700;margin-right:12px}.input-wrapper input{background:transparent;border:none;color:var(--text-dark);flex:1;font-family:Inter,sans-serif;font-size:26px;font-weight:700;letter-spacing:-.5px;outline:none}.input-wrapper input::-moz-placeholder{color:var(--text-muted)}.input-wrapper input::placeholder{color:var(--text-muted)}.result{background:#fafafa;border:1px solid var(--border);border-radius:16px;padding:24px}.result-label{color:var(--text-light);font-size:11px;font-weight:700;letter-spacing:1.2px;margin-bottom:8px;text-transform:uppercase}.result-price{align-items:baseline;display:flex;gap:8px}.result-currency{color:var(--text-medium);font-size:20px;font-weight:700}.result-value{color:var(--text-dark);font-size:34px;font-weight:800;letter-spacing:-1px}.btn-order{align-items:center;background:#25d366;border:none;border-radius:14px;box-shadow:0 2px 8px #25d36640;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:15px;font-weight:700;gap:10px;height:54px;justify-content:center;text-decoration:none;transition:all .25s ease}.btn-order:hover:not(.disabled){background:#20bd5a;box-shadow:0 4px 16px #25d3664d;transform:translateY(-1px)}.btn-order:active:not(.disabled){box-shadow:0 2px 8px #25d36633;transform:translateY(0)}.btn-order.disabled{box-shadow:none;cursor:not-allowed;opacity:.35}.wa-icon{height:20px;width:20px}.page-footer{margin-top:auto;padding-top:40px;text-align:center}.page-footer p{color:var(--text-muted);font-size:12px}.fade-slide-enter-active{transition:all .35s ease}.fade-slide-leave-active{transition:all .25s ease}.fade-slide-enter-from{opacity:0;transform:translateY(10px)}.fade-slide-leave-to{opacity:0;transform:translateY(-6px)}@media(max-width:480px){.page-container{padding:28px 16px}.brand-title{font-size:22px}.card{border-radius:16px;padding:24px 20px}.input-wrapper{height:56px}.input-wrapper input{font-size:22px}.result-value{font-size:28px}}