/* Grundreset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Body – dunkel, ruhig */
body {
    background: #0e0e0e;
    color: #eaeaea;
    font-family: Arial, Helvetica, sans-serif;
    min-height: 100vh;
}

/* Seite leicht "daneben" positioniert */
.page {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* Rahmen im 90s-Stil */
.poster-frame {
    border: 6px solid #ffd400;          /* Gelb */
    padding: 10px;
    background: #000;
    box-shadow:
        8px 8px 0 #00ffff,               /* Cyan */
        14px 14px 0 #ff00ff;             /* Magenta */
    transform: rotate(-0.6deg);
}

/* Bild bewusst nicht perfekt */
.poster-frame img {
    display: block;
    max-width: 80vw;
    max-height: 80vh;
    filter: contrast(1.05) saturate(1.05);
}

/* Text minimal & ruhig */
.tagline {
    margin-top: 30px;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #999;
}

/* Sticker – 90s Badge */
.sticker {
    position: absolute;
    top: 40px;
    left: 40px;
    background: #ffd400;
    color: #000;
    font-family: Arial Black, Impact, sans-serif;
    font-size: 12px;
    line-height: 1.3;
    padding: 10px 14px;
    text-transform: uppercase;
    box-shadow:
        4px 4px 0 #000,
        8px 8px 0 #ff00ff;
    transform: rotate(-4deg);
    z-index: 10;
}

.sticker div {
    white-space: nowrap;
}

.page {
    position: relative;
}