body {
    display: grid;
    place-items: center;
}
.wrap {
    width: min(92vw, 560px);
    padding: 24px;
    text-align: center;
}

h1 {
    margin: 0 0 6px;
    font-size: clamp(18px, 2.5vw, 22px);
    font-weight: 600;
    letter-spacing: .2px;
}
p {
    margin: 0;
    color: var(--muted);
    font-size: clamp(14px, 2.2vw, 16px);
}

@media (min-width: 960px) {
    .wrap { padding: 32px 28px; }
}

.top-controls { justify-content: flex-end; }


/* ЭМОДЗИ СТР ОШИБКИ */
.emoji {
    width: 150px; 
    height: 150px; 
    margin: 0 auto 16px;
    object-fit: scale-down;
}

/* ЛОГО И СПИННЕР СТР ИНИЦИАЛИЗАЦИЯ */
.logo {
    width: 48px; height: 48px; margin: 0 auto 16px;
    border-radius: 12px;
    background: linear-gradient(135deg, #4c00ff 0%, #8300ff 100%);
    filter: drop-shadow(0 4px 18px rgba(91,147,255,.35));
}
.spinner {
    width: 56px; height: 56px; margin: 24px auto;
    border-radius: 50%;
    border: 3px solid rgba(255,255,255,.12);
    border-top-color: #4c00ff;
    animation: spin .9s linear infinite;
}
@keyframes spin { 
    to { 
        transform: rotate(360deg); 
    } 
}