.coins-container{max-width:600px;margin:2rem auto;padding:1rem;background:#1c1d29;border-radius:8px;color:#e4e4e7;font-family:sans-serif}.coins-container h4{font-size:1.75rem;text-align:center;margin-bottom:.5rem}.coins-container p.rate{text-align:center;font-size:1rem;margin-bottom:1.5rem;color:#ffd100}.coin-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;margin-bottom:1.5rem}.coin-card{position:relative;padding:1rem;background:#23253a;border:2px solid transparent;border-radius:6px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.coin-card:hover{background:#2e2f4b}.coin-card input{position:absolute;opacity:0;pointer-events:none}.coin-card.selected{border-color:#ffd100;background:#1c1d29}.coin-card .coins{font-size:1.25rem;margin-bottom:.5rem}.coin-card .price{font-size:1rem;color:#e4e4e7}.summary{text-align:center;margin-bottom:1rem}.summary span{font-size:1.25rem;color:#ffd100}.vs-btn{display:block;width:100%;padding:.75rem;background:#ffd100;color:#1c1d29;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background .2s}.vs-btn:hover{background:#e0b500}