/* Theme 5 Custom CSS - Dark Mode Aesthetic Inspired by scr-77.com */
body {
    background-color: #22252d !important;
    color: #ffffff !important;
    position: relative;
    min-height: 100vh;
}


/* Card Style */
.card-theme5 {
    background-color: #1e242c !important;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

/* Inputs */
.input-theme5 {
    background-color: #242930 !important;
    border: 1px solid #323942 !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    transition: all 0.3s ease;
}

.input-theme5:focus {
    border-color: #00c98d !important;
    box-shadow: 0 0 0 1px #00c98d !important;
    outline: none !important;
}

.input-theme5::placeholder {
    color: #6c757d !important;
}

/* Neon Green Primary Button */
.btn-primary-theme5 {
    background-color: #00c98d !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}

.btn-primary-theme5:hover {
    background-color: #00e09d !important;
    box-shadow: 0 0 15px rgba(0, 201, 141, 0.4) !important;
}

/* Links and Texts */
.text-primary-theme5 {
    color: #00c98d !important;
}

.text-primary-theme5:hover {
    color: #00e09d !important;
}

.text-muted-theme5 {
    color: #9ba1a7 !important;
}

/* Labels */
.label-theme5 {
    color: #e2e8f0 !important;
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
    display: block;
}