body { 

    background-color: #121212; 

    color: #e0e0e0; 

    display: flex; 

    align-items: center; 

    justify-content: center; 

    min-height: 100vh; 

    margin: 0;

}

.register-card, .card { 

    background: #1e1e1e; 

    border: 1px solid #2d2d2d; 

    border-radius: 12px; 

    width: 100%; 

    max-width: 500px; 

    padding: 2.5rem;

    box-shadow: 0 10px 30px rgba(0,0,0,0.5); 

}

.form-control { 

    background-color: #2a2a2a; 

    border-color: #444; 

    color: #fff; 

    border: 1px solid #444;

}

.form-control:focus { 

    background-color: #333; 

    border-color: #0d6efd; 

    color: #fff; 

    box-shadow: none; 

}

.form-label {

    color: #aaa;

}

.form-floating > label {

    color: #aaa;

}

.form-control::placeholder {

    color: #888888;

    opacity: 1;

}

.form-control:focus::placeholder {

    color: #666666;

}

.login-link {

    color: #a0a0a0;

    transition: color 0.2s ease;

}

.login-link:hover {

    color: #ffffff;

}

.login-text {

    color: #a0a0a0;

}

.form-text {

    color: #a0a0a0;

}