.market-cards{display:flex;gap:20px;margin-top:20px}:root{--background: 0 0% 100%;--border: 240 5.9% 50%}body{margin:0;background-image:linear-gradient(hsl(var(--border) / .3) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--border) / .3) 1px,transparent 1px);background-size:40px 40px}.market-cards{display:flex;justify-content:space-around;margin-top:20px}.card{background:#293546;color:#fff;padding:20px;border-radius:12px;width:180px}.card h3{margin:0}.card h2{margin:5px 0}.section{margin-top:30px;padding:20px;background-color:#f0f8ff}.section-title{margin-bottom:20px;font-size:22px}.gainers-losers-container{display:flex;gap:30px}.card{flex:1;background:#111827;border-radius:12px;padding:20px;box-shadow:0 4px 20px #0000004d}.card-title{margin-bottom:15px}.gainers{color:#22c55e}.losers{color:#ef4444}.coin{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #1f2937}.coin-row:last-child{border-bottom:none}.coin-info{display:flex;align-items:center;gap:10px}.coin-logo{width:28px;height:28px}.coin-name{display:block;font-weight:500}.coin-symbol{font-size:12px;color:gray}.positive{color:#22c55e;font-weight:700}.negative{color:#ef4444;font-weight:700}.nav-link{text-decoration:none;color:#fff;transition:color .2s ease}.nav-link:hover{color:#7980884d}.nav-link.active{color:#22c55e;font-weight:700}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media(prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}