:root {
            --yellow: #ffeb00;
            --ink: #252525;
            --button: #ffeb00;
            --field: #d5d0e7;
        }
        * { box-sizing: border-box; }
        html, body { min-height: 100%; }
        body {
            margin: 0;
            min-height: 100vh;
            min-height: 100svh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 34px 18px;
            color: var(--ink);
            font-family: Arial, Helvetica, sans-serif;
            background-color: #bca45e;
            background-image: url("assets/background.png");
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        .coming-soon {
            width: min(100%, 1080px);
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 22px;
        }
        .content-art {
            display: block;
            width: 50%;
            height: auto;
            max-width: 1000px;
            object-fit: contain;
        }
        .signup {
            width: min(100%, 355px);
            display: flex;
            flex-direction: column;
            align-items: stretch;
            gap: 9px;
            margin-top: -2px;
        }
        .email-input, .submit-button {
            width: 100%;
            min-height: 44px;
            border: 2px solid #292929;
            border-radius: 0;
            font: inherit;
            text-align: center;
        }
        .email-input {
            padding: 10px 14px;
            background: var(--field);
            color: #222;
            outline-offset: 3px;
        }
        .email-input::placeholder { color: #333; opacity: 1; }
        .submit-button {
            align-self: center;
            width: min(170px, 100%);
            padding: 10px 18px;
            background: var(--button);
            color: #171717;
            cursor: pointer;
            transition: background-color .2s ease, transform .2s ease;
        }
        .submit-button:hover { background: #fff34a; }
        .submit-button:active { transform: translateY(1px); }
        .feedback {
            width: min(100%, 520px);
            padding: 13px 16px;
            border: 2px solid #292929;
            text-align: center;
            line-height: 1.5;
            background: #f8dddd;
        }
        .feedback.success { background: #fff8b9; }
        .honeypot {
            position: absolute !important;
            left: -10000px !important;
            width: 1px !important;
            height: 1px !important;
            overflow: hidden !important;
        }
        @media (min-width: 1500px) {
            .content-art { max-width: 1050px; }
        }
        @media (max-width: 600px) {
            body { padding: 22px 14px; background-position: center; }
            .coming-soon { gap: 16px; }
            .content-art { width: 112%; max-width: none; }
            .signup { width: min(100%, 330px); gap: 8px; }
            .email-input, .submit-button { min-height: 46px; font-size: 15px; }
            .feedback { font-size: 14px; padding: 11px 12px; }
        }
        @media (max-width: 360px) {
            body { padding-inline: 10px; }
            .content-art { width: 118%; }
        }