body {
            background: #8b5c29 center fixed; /* subtle concrete texture */
            background-size: cover;
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .pamphlet {
            background: #f4e8c1;               /* aged yellowed paper */
            background: linear-gradient(135deg, #f9f0d0 0%, #e8d8a8 100%);
            max-width: 800px;
            padding: 60px 50px;
            border: 8px double #333;
            box-shadow: 
                0 20px 40px rgba(0,0,0,0.8),
                inset 0 0 80px rgba(139, 105, 41, 0.2);
            position: relative;
            transform: rotate(-1.5deg);         /* slightly crooked for realism */
            font-family: 'Courier New', monospace;
            color: #222;
        }
        .pamphlet::before {
            content: '';
            position: absolute;
            inset: 15px;
            border: 2px dashed #8B6919;
            pointer-events: none;
        }
        .pamphlet h1 {
            font-size: 3.8rem;
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: 8px;
            color: #8B0000;                     /* Vault-Tec dark red */
            text-shadow: 3px 3px 0px #550000;
            margin-bottom: 30px;
        }
        .pamphlet p {
            font-size: 1.25rem;
            line-height: 1.8;
            text-align: justify;
        }
        .staple {
            position: absolute;
            top: 20px;
            left: 50%;
            width: 40px;
            height: 20px;
            background: silver;
            border-radius: 50%;
            transform: translateX(-50%);
            box-shadow: 0 4px 8px rgba(0,0,0,0.6);
        }
        .staple::before, .staple::after {
            content: '';
            position: absolute;
            width: 60px;
            height: 4px;
            background: silver;
            top: 8px;
            left: -10px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.5);
        }
        .staple::after { transform: rotate(90deg); }
         #countdown {
            position: fixed;
            bottom: 20px;
            right: 20px;
            background: rgba(0,0,0,0.8);
            color: #0f0;
            font-family: 'Courier New', monospace;
            font-size: 1.1rem;
            padding: 10px 18px;
            border: 2px solid #0f0;
            border-radius: 4px;
            box-shadow: 0 0 15px #0f0;
            z-index: 9999;
            animation: blink 1.5s infinite;
        }
        @keyframes blink {
            50% { opacity: 0.6; }
        }