.exchange-card {
                      position: absolute;
                      top: 50%;
                      left: 50%;
                      translate: -50% -50%;
                      width: 100%;
                      height: 100%;
                      background: linear-gradient(
                        135deg,
                        #ffffff 0%,
                        #f8f9fa 100%
                      );
                      border: 3px solid #1a1a1a;
                      border-radius: 32px;
                      box-shadow:
                        0 20px 60px rgba(0, 0, 0, 0.15),
                        0 0 0 1px rgba(0, 0, 0, 0.05) inset;
                      will-change: transform, opacity;
                      cursor: grab;
                      overflow: hidden;
                      user-select: none;
                    }

                    .exchange-card::before {
                      content: "";
                      position: absolute;
                      inset: 8px;
                      border: 1px solid rgba(0, 0, 0, 0.1);
                      border-radius: 26px;
                      pointer-events: none;
                    }

                    .exchange-card:active {
                      cursor: grabbing;
                    }

                    .card-inner {
                      width: 100%;
                      height: 100%;
                      padding: 16px;
                      position: relative;
                    }

                    .card-corner {
                      position: absolute;
                      display: flex;
                      flex-direction: column;
                      align-items: center;
                      gap: 4px;
                    }

                    .corner-top-left {
                      top: 16px;
                      left: 16px;
                    }

                    .corner-bottom-right {
                      bottom: 16px;
                      right: 16px;
                    }

                    .corner-logo {
                      position: relative;
                      background: white;
                      border-radius: 12px;
                      padding: 8px;
                      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
                      width: 40px;
                      height: 40px;
                    }

                    .corner-logo img {
                      border-radius: 14px;
                    }

                    .corner-logo.crypto-symbol {
                      filter: brightness(0);
                    }

                    .card-rating-badge {
                      margin-top: 8px;
                      background: linear-gradient(
                        135deg,
                        #ef4444 0%,
                        #dc2626 100%
                      );
                      padding: 6px 14px;
                      border-radius: 8px;
                      box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);
                      border: 2px solid white;
                    }

                    .card-content {
                      display: flex;
                      flex-direction: column;
                      height: 100%;
                      padding: 50px 16px 50px 16px;
                    }

                    .card-title-section {
                      display: flex;
                      flex-direction: column;
                      align-items: center;
                      margin-bottom: 16px;
                      padding-bottom: 16px;
                      border-bottom: 2px dashed #e5e7eb;
                    }

                    .main-logo {
                      position: relative;
                      background: transparent;
                      border: none;
                      box-shadow: none;
                      padding: 0;
                    }

                    .cryptocom-main-logo {
                      filter: brightness(0);
                    }

                    .stats-grid {
                      display: grid;
                      grid-template-columns: repeat(2, 1fr);
                      gap: 10px;
                      margin-bottom: 16px;
                    }

                    .stat-card {
                      background: linear-gradient(
                        135deg,
                        #fee 0%,
                        #fef2f2 100%
                      );
                      border: 2px solid #fecaca;
                      border-radius: 10px;
                      padding: 10px;
                      display: flex;
                      flex-direction: column;
                      align-items: center;
                      text-align: center;
                      box-shadow: 0 2px 8px rgba(239, 68, 68, 0.1);
                    }

                    .stat-icon {
                      width: 28px;
                      height: 28px;
                      background: linear-gradient(
                        135deg,
                        #ef4444 0%,
                        #dc2626 100%
                      );
                      border-radius: 7px;
                      display: flex;
                      align-items: center;
                      justify-content: center;
                      margin-bottom: 6px;
                      box-shadow: 0 2px 8px rgba(239, 68, 68, 0.3);
                    }

                    .stat-value {
                      font-size: 16px;
                      font-weight: 900;
                      color: #dc2626;
                      margin-bottom: 3px;
                      line-height: 1;
                    }

                    .stat-label {
                      font-size: 9px;
                      color: #374151;
                      line-height: 1.2;
                    }

                    .card-link {
                      background: linear-gradient(
                        135deg,
                        #1a1a1a 0%,
                        #2d2d2d 100%
                      );
                      color: white;
                      border-radius: 10px;
                      padding: 12px 16px;
                      text-decoration: none;
                      display: flex;
                      align-items: center;
                      justify-content: center;
                      gap: 8px;
                      margin-top: auto;
                      margin-bottom: 30px;
                      font-size: 13px;
                      font-weight: 600;
                      transition: all 0.2s ease;
                      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
                    }

                    .card-link:hover {
                      transform: translateY(-1px);
                      box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
                    }

                    .card-link:active {
                      transform: translateY(0);
                    }

                    .swipe-indicator {
                      position: absolute;
                      top: 50%;
                      transform: translateY(-50%);
                      padding: 20px;
                      border-radius: 24px;
                      pointer-events: none;
                      z-index: 10;
                      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
                      border: 3px solid white;
                    }

                    .swipe-left {
                      left: 50px;
                      background: linear-gradient(
                        135deg,
                        #ef4444 0%,
                        #dc2626 100%
                      );
                      color: white;
                    }

                    .swipe-right {
                      right: 50px;
                      background: linear-gradient(
                        135deg,
                        #22c55e 0%,
                        #16a34a 100%
                      );
                      color: white;
                    }

.exchange-stack {
                  position: relative;
                  width: 420px;
                  height: 600px;
                  max-width: 90vw;
                  margin: 20px auto 0 auto;
                }

                @media (max-width: 768px) {
                  .exchange-stack {
                    width: 320px;
                    height: 520px;
                  }
                }