/* ===== RESET ===== */
body {
margin: 0;
font-family: Arial, sans-serif;
color: #ffffff;
}

/* ===== WELCOME BACKGROUND (ROOT ABSOLUTE PATH) ===== */
body.welcome-page {
background-image: url("background.png");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
min-height: 100vh;
}

/* ===== MAIN CONTENT ===== */
.main-content {
max-width: 900px;
margin: 0 auto;
padding: 40px 20px;
text-align: center;
}

/* ===== HERO IMAGE ===== */
.hero-logo img {
max-width: 600px;
width: 100%;
border-radius: 10px;
}

/* ===== TEXT ===== */
h1 {
margin-top: 20px;
}

.system-tagline {
color: #ffcc66;
margin-bottom: 10px;
}

.hero-subtitle {
max-width: 650px;
margin: 0 auto 20px;
}

/* ===== BUTTONS ===== */
.actions {
text-align: center;
margin-top: 20px;
}

.actions a {
display: inline-block;
margin: 8px;
padding: 12px 20px;
border-radius: 6px;
text-decoration: none;
font-weight: bold;
}

.primary {
background: #e63946;
color: #fff;
}

.secondary {
background: #1d4ed8;
color: #fff;
}