body {
    background-color: #0d0221;
    color: #00ff41;
    font-family: 'Courier New', Courier, monospace;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    margin: 0;
    padding: 15px;
    box-sizing: border-box;
    overflow: hidden;
    text-shadow: 0 0 5px #00ff41, 0 0 10px #00ff41;
}

#main-content {
text-align: center;
width: 100%;
max-width: 700px;
border: 2px solid #00ff41;
border-radius: 5px;
box-shadow: 0 0 15px #00ff41;
background-color: rgba(13, 2, 33, 0.5);
padding: 20px;
box-sizing: border-box;
}

h1 { font-size: clamp(1.8rem, 5vw, 2.5rem); margin-bottom: 25px; }
p { font-size: clamp(1rem, 3vw, 1.2rem); line-height: 1.7; }
.logo img { border-radius: 50%; box-shadow: 0 0 15px #00ff41; margin-bottom: 20px; }

#accept-button {
background-color: transparent; border: 2px solid #00ff41; color: #00ff41;
padding: 15px 30px; font-size: 1.2rem; cursor: pointer; margin-top: 30px;
font-family: 'Courier New', Courier, monospace; text-shadow: 0 0 5px #00ff41;
box-shadow: 0 0 10px #00ff41; transition: all 0.3s;
}
#accept-button:hover { background-color: #00ff41; color: #0d0221; box-shadow: 0 0 25px #00ff41; }

/* Это правило все еще нужно, чтобы скрыть элемент, если inline-стиль вдруг удалится */
.hidden { display: none; }

/* Стили для контейнера с сюрпризом, когда он станет видимым */
#surprise-container {
/* display по умолчанию будет 'none' из-за inline-стиля. JS изменит его на 'flex' */
position: fixed; top: 0; left: 0; width: 100%; height: 100%;
justify-content: center; align-items: center; background-color: #000; z-index: 1000;
}
#surprise-container img { max-width: 100%; max-height: 100%; object-fit: contain; }