/* Landing + logins — preto com rajados dourados delicados */

body.page-auth {
    background-color: #050505;
    background-image:
        linear-gradient(
            118deg,
            transparent 0%,
            transparent 36%,
            rgba(201, 162, 39, 0.05) 42%,
            rgba(218, 165, 32, 0.14) 50%,
            rgba(201, 162, 39, 0.05) 58%,
            transparent 64%,
            transparent 100%
        ),
        linear-gradient(
            62deg,
            transparent 0%,
            transparent 44%,
            rgba(255, 215, 0, 0.04) 48%,
            rgba(184, 134, 11, 0.1) 52%,
            rgba(255, 215, 0, 0.04) 56%,
            transparent 60%
        ),
        linear-gradient(168deg, rgba(212, 175, 55, 0.06) 0%, transparent 38%),
        radial-gradient(ellipse 85% 55% at 92% 8%, rgba(212, 175, 55, 0.08) 0%, transparent 55%),
        radial-gradient(ellipse 65% 45% at 4% 96%, rgba(184, 134, 11, 0.07) 0%, transparent 50%);
    background-attachment: fixed;
    color: #f5f5f5;
}

body.page-auth #particles-js {
    display: none;
}

body.page-auth .landing-container,
body.page-auth .form-container {
    position: relative;
    z-index: 1;
}

body.page-auth .option-card {
    background-color: rgba(0, 0, 0, 0.45);
    border: 1px solid rgba(212, 175, 55, 0.18);
}

body.page-auth .option-card:hover {
    background-color: rgba(20, 20, 20, 0.65);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45), 0 0 24px rgba(212, 175, 55, 0.08);
}

body.page-auth .option-card h2,
body.page-auth .form-container h2 {
    color: #d4af37;
}

body.page-auth .form-container {
    background-color: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(212, 175, 55, 0.18);
}

body.page-auth .form-group input:focus,
body.page-auth .form-group select:focus {
    border-color: rgba(212, 175, 55, 0.55);
    box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.12);
}

body.page-auth .form-group select option {
    background-color: #111;
}

body.page-auth .form-footer a {
    color: #c9a227;
}

body.page-auth .form-footer a:hover {
    color: #e8c547;
}

body.page-auth .btn,
body.page-auth button.btn {
    background-color: #0a0a0a !important;
    color: #ffffff !important;
    border: 1px solid rgba(212, 175, 55, 0.35);
    cursor: pointer;
}

body.page-auth .btn:hover,
body.page-auth button.btn:hover {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-color: rgba(212, 175, 55, 0.55);
    transform: scale(1.03);
}

body.page-auth button.btn {
    width: 100%;
}