#hero-rates-container,.hero-rates-right-section{width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.hero-rates-right-section{padding:20px}.hero-rates-header{margin-bottom:24px;text-align:center}.hero-rates-title{color:#fff;font-size:24px;font-weight:700;margin:0;letter-spacing:.5px}.hero-rates-scroll{flex-direction:column;gap:12px;padding:0}.hero-rate-card,.hero-rates-scroll{display:flex;width:100%;max-width:100%;box-sizing:border-box}.hero-rate-card{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:16px 20px;backdrop-filter:blur(10px);transition:all .3s ease;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;overflow:hidden}.hero-rate-card:hover{background:hsla(0,0%,100%,.08);border-color:rgba(83,68,215,.5);transform:translateY(-2px)}.hero-rate-currency{display:flex;align-items:center;gap:12px;min-width:100px;max-width:140px;flex-shrink:0}.currency-icon{width:40px;height:40px;border-radius:50%;object-fit:cover;background:hsla(0,0%,100%,.1);padding:4px;flex-shrink:0}.currency-code{color:#fff;font-size:18px;font-weight:700;letter-spacing:.5px}.hero-rate-values{display:flex;flex-direction:row;gap:20px;align-items:center;flex:1;min-width:0;flex-wrap:wrap}.rate-item{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:100px}.rate-label{color:#b8b8d4;font-size:12px;font-weight:500}.rate-value{color:#fff;font-size:14px;font-weight:600}.rate-value.buy{color:#4ade80}.rate-value.sell{color:#fb923c}.hero-rates-updated{margin-top:16px;text-align:center;color:#b8b8d4;font-size:12px;opacity:.8}.hero-rate-card.skeleton{pointer-events:none}.skeleton-line{background:linear-gradient(90deg,hsla(0,0%,100%,.05) 25%,hsla(0,0%,100%,.1) 50%,hsla(0,0%,100%,.05) 75%);background-size:200% 100%;animation:a 1.5s ease-in-out infinite;border-radius:4px;height:16px}.skeleton-line.w-60{width:60%}.skeleton-line.w-80{width:80%}.skeleton-line.h-20{height:20px}.skeleton-line.mt-1{margin-top:4px}.skeleton-line.mt-2{margin-top:8px}@keyframes a{0%{background-position:200% 0}to{background-position:-200% 0}}.hero-rates-error{text-align:center;padding:20px;color:#ff6b6b}.hero-rates-error p{margin-bottom:12px;font-size:14px}.hero-rates-error .retry-btn{background:#5344d7;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.hero-rates-error .retry-btn:hover{background:#6454e7;transform:translateY(-1px)}@media (max-width:768px){.hero-rate-card{flex-direction:column;align-items:flex-start;padding:16px}.hero-rate-currency{width:100%;min-width:auto}.hero-rate-values{width:100%;flex-direction:column;align-items:flex-start;gap:8px;justify-content:flex-start}.currency-icon{width:36px;height:36px}}@media (min-width:1024px){.hero-rates-right-section{padding:0}.hero-rates-scroll{gap:16px}.hero-rate-card{padding:20px 24px}.currency-code{font-size:20px}.rate-value{font-size:16px}.rate-label{font-size:13px}.currency-icon{width:44px;height:44px}}