/* FILE: style.css */
:root {
    --primary-color: #3F9AAE;
    --secondary-color: #79C9C5;
    --light-gray: #EEEEEE;
    --dark-gray: #333333;
    --font-main: 'Montserrat', sans-serif;
}

body {
    font-family: var(--font-main);
    background-color: var(--light-gray);
    margin: 0;
    color: var(--dark-gray);
}

.login-body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
}

.login-card {
    background: white;
    padding: 40px;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    width: 100%;
    max-width: 400px;
    text-align: center;
}

.login-card h2 { color: var(--primary-color); text-transform: uppercase; margin-bottom: 20px; }
.form-group { margin-bottom: 20px; text-align: left; }
.form-group label { font-weight: 600; display: block; margin-bottom: 5px; }
.form-control { width: 100%; padding: 12px; border: 2px solid #ddd; border-radius: 8px; box-sizing: border-box; }
.form-control:focus { border-color: var(--primary-color); outline: none; }
.btn-login { width: 100%; padding: 12px; background: var(--primary-color); color: white; border: none; border-radius: 8px; font-weight: bold; cursor: pointer; transition: 0.3s; }
.btn-login:hover { background: #2c7a8e; }
.alert-error { background: #f8d7da; color: #721c24; padding: 10px; border-radius: 5px; margin-bottom: 20px; }
.guest-link { display: block; margin-top: 20px; color: #666; text-decoration: none; font-size: 0.9rem; }