:root {
    --bg: #0f172a;
    --nav-bg: #1e293b;
    --primary: #38bdf8;
    --text: #f8fafc;
}
body {
    font-family: 'Segoe UI', sans-serif;
    margin: 0; background-color: var(--bg); color: var(--text);
}
.navbar {
    display: flex; justify-content: space-between; align-items: center;
    background-color: var(--nav-bg); padding: 15px 40px;
    border-bottom: 2px solid var(--primary);
}
.navbar .logo { font-size: 1.5rem; font-weight: bold; color: var(--text); text-decoration: none; }
.navbar .logo span { color: var(--primary); }
.nav-links { list-style: none; display: flex; gap: 25px; }
.nav-links a { color: var(--text); text-decoration: none; transition: 0.3s; }
.nav-links a:hover, .nav-links a.active { color: var(--primary); }
.btn {
    background-color: var(--primary); color: var(--bg);
    padding: 12px 24px; font-weight: bold; text-decoration: none;
    border-radius: 8px; border: none; cursor: pointer; display: inline-block;
}