* {
    box-sizing: border-box;
}

body {
    margin: 0;
    min-height: 100vh;
    font-family: Arial, sans-serif;
    color: white;
    background:
        radial-gradient(circle at top, rgba(255, 120, 40, 0.25), transparent 35%),
        radial-gradient(circle at bottom left, rgba(40, 120, 255, 0.25), transparent 35%),
        linear-gradient(135deg, #0d1117, #050608);
}

a {
    color: #76a9ff;
}

button,
.menu-button {
    cursor: pointer;
    font-family: inherit;
}

.error {
    background: rgba(180, 40, 40, 0.25);
    border: 1px solid rgba(255, 80, 80, 0.5);
    color: #ffb3b3;
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 16px;
}

.success {
    background: rgba(40, 160, 80, 0.22);
    border: 1px solid rgba(80, 220, 120, 0.45);
    color: #b7ffc7;
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 16px;
}