/* Pi Network 앱 카드 스타일 - 보라색 */
.pi-card {
    background-color: #8A4FFF; /* Pi Network 보라색 */
    color: white;
}

.pi-card .exchange-button {
    background-color: #6B3CC9; /* 더 어두운 보라색 */
    color: white;
}

.pi-card .exchange-button:hover {
    background-color: #5A2EB8; /* 더 더 어두운 보라색 */
}

/* Pi Browser 앱 카드 스타일 - 파란색 */
.pi-browser-card {
    background-color: #3F7EF8; /* 파란색 */
    color: white;
}

.pi-browser-card .exchange-button {
    background-color: #2A60D2; /* 더 어두운 파란색 */
    color: white;
}

.pi-browser-card .exchange-button:hover {
    background-color: #1D4BB1; /* 더 더 어두운 파란색 */
}

/* Pi Wallet 앱 카드 스타일 - 초록색 */
.pi-wallet-card {
    background-color: #00B67A; /* 초록색 */
    color: white;
}

.pi-wallet-card .exchange-button {
    background-color: #009262; /* 더 어두운 초록색 */
    color: white;
}

.pi-wallet-card .exchange-button:hover {
    background-color: #00784F; /* 더 더 어두운 초록색 */
}

/* 공통 Pi 스타일 */
.card-title {
    font-weight: 700;
    letter-spacing: 0.03em;
}

/* 초대 혜택 및 초대 코드는 exchanges.css의 공통 스타일을 사용 */

.alert-info {
    background-color: #E6E6FF;
    border-color: #D4D4FF;
    color: #4B4B9D;
}

/* 앱 다운로드 버튼 스타일 개선 */
.exchange-button {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.9rem;
    letter-spacing: 0.05em;
    padding: 10px 15px;
    width: 100%;
}

/* 모바일 최적화 */
@media (max-width: 576px) {
    .referral-bonus {
        font-size: 0.85rem;
        padding: 6px;
    }
    
    .exchange-button {
        font-size: 0.8rem;
        padding: 8px 12px;
    }
}