* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    background: #0a0a0f !important;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #ffffff !important;
    min-height: 100vh;
}

.container, .container-fluid, .row, .col, section, div, main, header, footer, nav {
    background: #0a0a0f !important;
}

.card, .modern-card, [class*="card"] {
    background: #1a1a2e !important;
    border: 1px solid #00ffff !important;
}

.table, table, tr, td, th, tbody, thead {
    background: transparent !important;
    color: #ffffff !important;
}

th {
    background: #1a1a2e !important;
    color: #00ffff !important;
}

tr {
    border-bottom: 1px solid #333 !important;
}

input, textarea, select, .form-control {
    background: #0a0a0f !important;
    border: 1px solid #00ffff !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    padding: 12px 15px !important;
}

input:focus, textarea:focus, select:focus {
    outline: none;
    border-color: #ff00ff !important;
    box-shadow: 0 0 5px rgba(0, 255, 255, 0.3);
}

label {
    color: #ffffff !important;
    margin-bottom: 8px;
    display: block;
}

.btn, button, [type="submit"] {
    background: linear-gradient(135deg, #00ffff, #0099ff) !important;
    border: none !important;
    color: #000 !important;
    padding: 12px 25px;
    border-radius: 50px !important;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn:hover, button:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 255, 255, 0.3);
}

a {
    color: #00ffff !important;
    text-decoration: none;
    transition: all 0.3s ease;
}

a:hover {
    color: #ff00ff !important;
}

.navbar, .glass-navbar, nav {
    background: #0a0a0f !important;
    border-bottom: 1px solid #00ffff !important;
    padding: 15px 0;
}

footer, .footer {
    background: #050508 !important;
    border-top: 1px solid #00ffff !important;
    padding: 50px 0 20px;
    margin-top: 0;
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #0a0a0f;
}

::-webkit-scrollbar-thumb {
    background: #00ffff;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #ff00ff;
}

@media (max-width: 768px) {
    .btn, button { padding: 10px 20px; }
    input, select, textarea { padding: 10px 12px; }
}