.bec-shell,.bec-shell *{box-sizing:border-box}.bec-shell{--bec-dark:#15120f;--bec-dark-soft:#292119;--bec-cream:#fff8ee;--bec-cream-deep:#f1e2cd;--bec-gold:#d7ae58;--bec-gold-dark:#a97723;--bec-green:#15966c;--bec-red:#c94c4c;position:relative;isolation:isolate;width:100%;max-width:1040px;margin:34px auto;padding:28px;overflow:hidden;border-radius:32px;background:radial-gradient(circle at 15% 10%,rgb(215 174 88 / .17),transparent 30%),linear-gradient(145deg,#f9eedf,#fffaf3 55%,#f0dfc8);color:var(--bec-dark);font-family:inherit;box-shadow:0 26px 74px rgb(41 31 22 / .16)}.bec-shell button,.bec-shell input{font:inherit}.bec-ambient{position:absolute;z-index:-1;border-radius:999px;filter:blur(2px);pointer-events:none}.bec-ambient-one{top:-100px;right:-90px;width:280px;height:280px;background:rgb(216 177 95 / .23)}.bec-ambient-two{bottom:-140px;left:-80px;width:310px;height:310px;background:rgb(255 255 255 / .72)}.bec-card{overflow:hidden;border:1px solid rgb(83 61 38 / .12);border-radius:24px;background:rgb(255 255 255 / .93);box-shadow:0 16px 50px rgb(54 38 22 / .1);backdrop-filter:blur(14px)}.bec-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:34px 38px 29px;background:linear-gradient(125deg,var(--bec-dark),var(--bec-dark-soft));color:#fff}.bec-eyebrow{display:inline-flex;margin-bottom:9px;color:#f1ce82;font-size:11px;font-weight:800;letter-spacing:.18em}.bec-header h2{margin:0;color:#fff;font-size:clamp(25px, 4vw, 38px);font-weight:800;line-height:1.12;letter-spacing:-.035em}.bec-header p{max-width:640px;margin:10px 0 0;color:#dccdbd;font-size:15px;line-height:1.55}.bec-pair{display:flex;flex:0 0 auto;align-items:center;gap:8px;padding:10px;border:1px solid rgb(255 255 255 / .12);border-radius:999px;background:rgb(255 255 255 / .07)}.bec-pair span{display:grid;width:43px;height:43px;place-items:center;border-radius:50%;background:var(--bec-gold);color:#241a0d;font-size:22px;font-weight:900}.bec-pair span:last-child{background:#23aa7e;color:#fff}.bec-pair svg{width:22px;fill:none;stroke:#eadfcf;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.bec-rate-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 38px;border-bottom:1px solid #eee5d9;background:#fcf9f4}.bec-rate-status{display:flex;align-items:center;gap:11px}.bec-rate-status strong,.bec-rate-status span{display:block}.bec-rate-status strong{font-size:13px}.bec-rate-time{margin-top:2px;color:#74685d;font-size:11px}.bec-rate-dot{display:block;width:10px;height:10px;border-radius:50%;background:#aaa}.bec-rate-dot.is-live{background:var(--bec-green);box-shadow:0 0 0 5px rgb(21 150 108 / .12)}.bec-rate-dot.is-loading{background:var(--bec-gold-dark);box-shadow:0 0 0 5px rgb(169 119 35 / .12);animation:bec-pulse 1.4s infinite}.bec-rate-dot.is-stale{background:#e38b2c;box-shadow:0 0 0 5px rgb(227 139 44 / .12)}.bec-rate-dot.is-error{background:var(--bec-red);box-shadow:0 0 0 5px rgb(201 76 76 / .12)}@keyframes bec-pulse{50%{opacity:.42}}.bec-rate-value{color:#584b3e;font-size:14px;white-space:nowrap}.bec-rate-value strong{color:var(--bec-dark);font-size:18px}.bec-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:30px 38px 0;padding:6px;border:1px solid #e7ddd0;border-radius:16px;background:#f7f2eb}.bec-mode-button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:70px;padding:13px 20px;border:0;border-radius:11px;background:#fff0;color:#62584f;cursor:pointer;transition:transform 160ms ease,background 160ms ease,box-shadow 160ms ease}.bec-mode-button:hover{transform:translateY(-1px)}.bec-mode-button:focus-visible,.bec-amount-input:focus-visible{outline:3px solid rgb(215 174 88 / .45);outline-offset:2px}.bec-mode-button.is-active{background:var(--bec-dark);color:#fff;box-shadow:0 9px 24px rgb(27 21 16 / .18)}.bec-mode-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:rgb(106 84 59 / .11);color:var(--bec-gold-dark);font-size:18px;font-weight:900}.bec-mode-button.is-active .bec-mode-icon{background:var(--bec-gold);color:var(--bec-dark)}.bec-mode-button strong,.bec-mode-button small{display:block;text-align:left}.bec-mode-button strong{font-size:15px}.bec-mode-button small{margin-top:3px;color:inherit;font-size:11px;opacity:.76}.bec-workspace{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:18px;padding:28px 38px 22px}.bec-entry-panel,.bec-result-panel{min-width:0;padding:22px;border:1px solid #e8ded2;border-radius:17px;background:#fff}.bec-entry-panel label,.bec-result-label{display:block;margin-bottom:9px;color:#6a5e52;font-size:12px;font-weight:750;letter-spacing:.02em}.bec-amount-field{display:flex;align-items:center;min-height:58px;overflow:hidden;border:1px solid #cfc2b3;border-radius:12px;background:#fefdfb;transition:border 160ms ease,box-shadow 160ms ease}.bec-amount-field:focus-within{border-color:var(--bec-gold-dark);box-shadow:0 0 0 4px rgb(215 174 88 / .13)}.bec-amount-input{width:100%;min-width:0;min-height:56px;padding:8px 13px;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:var(--bec-dark);font-size:clamp(22px, 3vw, 31px);font-weight:800}.bec-amount-input::placeholder{color:#bbb0a4}.bec-input-currency{margin-right:9px;padding:8px 11px;border-radius:8px;background:#efe5d7;color:#594a38;font-size:12px;font-weight:900}.bec-mode-explanation{margin:10px 0 0;color:#7a6e62;font-size:12px;line-height:1.4}.bec-arrow{display:grid;width:40px;height:40px;align-self:center;place-items:center;border-radius:50%;background:var(--bec-gold);color:#2b2116;font-size:21px;font-weight:900}.bec-result-panel{display:flex;flex-direction:column;justify-content:center;border-color:#2e2923;background:linear-gradient(135deg,#1b1713,#30271f);color:#fff}.bec-result-panel .bec-result-label{color:#d5c8b9}.bec-final-result{overflow:hidden;color:#fff;font-size:clamp(31px, 5vw, 48px);font-weight:850;line-height:1.08;letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap}.bec-result-currency{margin-top:5px;color:#f1cc7c;font-size:13px;font-weight:900;letter-spacing:.12em}.bec-breakdown{margin:0 38px 28px;overflow:hidden;border:1px solid #e8ded2;border-radius:15px;background:#fff}.bec-breakdown>div{display:flex;justify-content:space-between;gap:20px;padding:12px 17px;border-bottom:1px solid #eee7de;color:#695e52;font-size:13px}.bec-breakdown>div:last-child{border-bottom:0}.bec-breakdown strong{color:#302921;white-space:nowrap}.bec-breakdown .bec-fee{color:#b34242}.bec-breakdown .bec-total-row{padding-top:15px;padding-bottom:15px;background:#faf5ed;color:var(--bec-dark);font-weight:800}.bec-total-row strong{color:#137b59;font-size:15px}.bec-footer{display:flex;align-items:flex-start;gap:9px;padding:17px 38px;border-top:1px solid #eee5d9;background:#fcfaf6;color:#76695d;font-size:11px;line-height:1.5}.bec-footer svg{flex:0 0 auto;width:16px;fill:none;stroke:#8b6b32;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}@media (max-width:760px){.bec-shell{margin:18px auto;padding:12px;border-radius:22px}.bec-card{border-radius:17px}.bec-header{padding:27px 22px 23px}.bec-pair{display:none}.bec-rate-bar{align-items:flex-start;padding:14px 22px;flex-direction:column}.bec-mode-switch{margin:22px 20px 0}.bec-mode-button{min-height:64px;padding:10px}.bec-mode-icon{display:none}.bec-workspace{grid-template-columns:1fr;gap:10px;padding:20px}.bec-arrow{transform:rotate(90deg);justify-self:center}.bec-breakdown{margin:0 20px 21px}.bec-footer{padding:16px 20px}}@media (max-width:440px){.bec-mode-button strong,.bec-mode-button small{text-align:center}.bec-header h2{font-size:27px}.bec-breakdown>div{align-items:flex-start;flex-direction:column;gap:4px}}@media (prefers-reduced-motion:reduce){.bec-shell *,.bec-shell *::before,.bec-shell *::after{scroll-behavior:auto!important;animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}}