:root {
    --bg-main: #181A20;
    --card-bg: #21262D;
    --yellow: #FCD535;
    --text-white: #FFFFFF;
}

body { background: var(--bg-main); color: var(--text-white); font-family: 'Arial', sans-serif; margin: 0; }

.navbar { display: flex; align-items: center; padding: 20px 10%; justify-content: space-between; }
.logo { font-size: 24px; font-weight: bold; color: var(--yellow); }

.main-content { display: flex; padding: 80px 10%; gap: 50px; }

.left-section h1 { font-size: 70px; color: var(--yellow); margin: 0; }
.title { font-size: 50px; margin: 5px 0; }

.market-card { background: var(--card-bg); padding: 20px; border-radius: 8px; width: 450px; }
.crypto-item { display: flex; justify-content: space-between; padding: 15px 0; cursor: pointer; border-bottom: 1px solid #333; }
.crypto-item:hover { background: #2b3139; }

.signup-btn { background: var(--yellow); color: #000; border: none; padding: 10px 25px; font-weight: bold; border-radius: 4px; cursor: pointer; }

.news-card { background: var(--card-bg); padding: 20px; margin-top: 20px; border-radius: 8px; }
.news-card p { font-size: 14px; border-bottom: 1px solid #333; padding-bottom: 10px; cursor: pointer; }
.news-card p:hover { color: var(--yellow); }

@media (max-width: 1024px) { .main-content { flex-direction: column; } }