html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    background: #101014;
    color: #fff;
    width: 100%;
    height: 100%;
}

body {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    font-family: 'Segoe UI', 'Arial', sans-serif;
    background: radial-gradient(ellipse at center, #181820 0%, #101014 100%);
}

.container {
    display: flex;
     flex-direction: column;
      align-items: center; 
}

.container div {
    display: flex; 
    justify-content: center; 
    width: 100%;
}

.logo-image {
    height: 80px; 
    margin-bottom: 20px;
    animation: fadeIn 2.5s ease-in;
}

.logo-text {
    height: 60px; 
    margin-bottom: 20px;
    animation: fadeIn 2.5s ease-in;
}

.heading {
    font-size: 3rem;
    letter-spacing: 0.1em;
    text-shadow: 0 0 16px #222, 0 0 4px #444;
    opacity: 0.92;
    animation: fadeIn 2.5s ease-in;
    text-align: center;
}

.message {
    font-size: 1.5rem;
    letter-spacing: 0.1em;
    text-shadow: 0 0 16px #222, 0 0 4px #444;
    opacity: 0.92;
    animation: fadeIn 2.5s ease-in;
    text-align: center;
}

@keyframes fadeIn {
    from { opacity: 0; transform: scale(0.98);}
    to { opacity: 0.92; transform: scale(1);}
}