body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: #e0e0ff;
    background: linear-gradient(to bottom, #0f0c29, #302b63, #24243e);
    min-height: 100vh;
    position: relative;
}
body::before {
    content: '';
    position: absolute;
    inset: 0;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="4"/><feColorMatrix type="saturate" values="0"/></filter><rect width="100" height="100" filter="url(%23n)" opacity="0.15"/></svg>') repeat;
    pointer-events: none;
    z-index: -1;
}

.title { font-size: 28px; font-weight: bold; }
.buy-btn {
    background: linear-gradient(to right, #ff7e5f, #feb47b);
    color: white; padding: 12px 28px; border-radius: 50px;
    border: none; font-size: 18px; box-shadow: 0 4px 15px rgba(255,126,95,0.4);
}

.tabs { display: flex; gap: 15px; }
.tab {
    padding: 12px 30px; border-radius: 30px 30px 0 0;
    background: rgba(255,255,255,0.05); backdrop-filter: blur(10px);
    transition: all 0.3s; text-decoration: none; color: #ccc;
}
.tab.active, .tab:hover {
    background: linear-gradient(to right, #ff7e5f, #feb47b);
    color: white;
}

.grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
}
.card {
    background: rgba(255,255,255,0.08);
    backdrop-filter: blur(15px);
    border-radius: 20px; padding: 20px;
    transition: transform 0.3s;
    box-shadow: 0 8px 32px rgba(0,0,0,0.3);
}
.card:hover { transform: translateY(-5px); }
.card-title { font-size: 18px; margin-bottom: 10px; }
.card-info { font-size: 14px; opacity: 0.8; margin-bottom: 15px; }
.progress-bar {
    height: 8px; background: rgba(255,255,255,0.1);
    border-radius: 4px; overflow: hidden; margin-bottom: 15px;
}
.progress {
    height: 100%; background: linear-gradient(to right, #6a11cb, #2575fc);
    border-radius: 4px; transition: width 0.5s;
}
.actions {
    display: flex; justify-content: space-between;
}
.action-btn {
    background: rgba(255,255,255,0.1);
    padding: 8px 16px; border-radius: 20px; font-size: 14px;
}