body {
    font-family: 'Inter', sans-serif;
    background-color: #0D1117;
}

.font-mono {
    font-family: 'Roboto Mono', monospace;
}

.glass-effect {
    background: rgba(22, 27, 34, 0.6);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(48, 54, 61, 0.5);
}

.gradient-text {
    background: linear-gradient(to right, #38bdf8, #6366f1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.glow-effect {
    box-shadow: 0 0 15px rgba(56, 189, 248, 0.2), 0 0 5px rgba(99, 102, 241, 0.2);
}

.alert {
    padding: 12px 20px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.alert-error {
    background-color: rgba(239, 68, 68, 0.2);
    border: 1px solid rgba(239, 68, 68, 0.5);
    color: #fca5a5;
}

.alert-success {
    background-color: rgba(34, 197, 94, 0.2);
    border: 1px solid rgba(34, 197, 94, 0.5);
    color: #86efac;
}