*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
body {
    min-height: 100vh;
    font-family: 'Cinzel', Georgia, serif;
    color: #bbd6ff;
    background: 
        radial-gradient(ellipse at center, rgba(0,15,30,0.3) 0%, rgba(0,5,15,0.95) 100%),
        url('https://serpentstree.ru/img/serpentstree.webp') center center / cover no-repeat fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.content {
    text-align: center;
    padding: 3rem 2rem;
    background: rgba(0,0,0,0.55);
    border: 1px solid rgba(80,140,180,0.4);
    border-radius: 20px;
    backdrop-filter: blur(12px);
    max-width: 90%;
    box-shadow: 0 30px 60px rgba(0,0,0,0.9);
}
h1 {
    font-size: clamp(2.5rem, 10vw, 7rem);
    margin-bottom: 1.5rem;
    text-shadow: 0 0 30px rgba(100,200,255,0.7);
    letter-spacing: 4px;
}
p {
    font-size: clamp(1.1rem, 4vw, 1.8rem);
    opacity: 0.92;
    line-height: 1.7;
}
body::after {
    content: '';
    position: fixed;
    inset: 0;
    background: url('https://serpentstree.ru/img/serpentstree.webp') center/cover no-repeat;
    animation: breath 46s ease-in-out infinite;
    z-index: -1;
    pointer-events: none;
}
@keyframes breath {
    0%, 100% { transform: scale(1); }
    50%      { transform: scale(1.09); }
}