:root {
        --bg: #000;
        --text: #fff;
        --field-bg: #fff;
        --field-text: #000;
        --error: #ff6b6b;
        --accent: #ffffff;
    }
    * { box-sizing: border-box; }
    body {
        margin: 0;
        font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, Helvetica, sans-serif;
        background: var(--bg);
        color: var(--text);
        line-height: 1.5;
    }
    .wrap {
        max-width: 720px;
        margin: 0 auto;
        padding: 24px 16px 48px;
    }
    h1 { margin: 0 0 16px; }
    p.desc { margin: 0 0 24px; color: #ddd; }
    form {
        display: grid;
        gap: 16px;
    }
    .row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }

label {
        display: block;
        margin-bottom: 8px;
        color: var(--text);
        font-weight: 600;
    }
    input, select, textarea {
        width: 100%;
        padding: 12px 14px;
        background: var(--field-bg);
        color: var(--field-text);
        border: 1px solid #333;
        border-radius: 8px;
        font-size: 16px;
    }
    textarea { min-height: 140px; resize: vertical; }

    .error {
        color: var(--bg);
        background: var(--error);
        border-radius: 6px;
        padding: 8px 10px;
        margin-bottom: 6px;
        font-size: 14px;
        font-weight: 600;
    }

    .human-hint {
        font-size: 14px;
        color: #ccc;
        margin-top: 4px;
    }

    button[type="submit"] {
        padding: 14px 16px;
        background: transparent;
        color: var(--text);
        border: 2px solid var(--accent);
        border-radius: 10px;
        font-size: 16px;
        font-weight: 700;
        cursor: pointer;
        transition: transform .08s ease, background .15s ease;
        width: 100%;
    }
    button[type="submit"]:hover {
        background: #111;
        transform: translateY(-1px);
    }



    @media (max-width: 640px) {
        .row { grid-template-columns: 1fr; }
    }

    
    /*CONFIRMATION PAGE*/
    
    .wrap { max-width:720px; margin:0 auto; padding:48px 16px; }
    .card { color: #000; background:#fff; border:1px solid #222; border-radius:12px; padding:24px; }
   .card  h1 { margin-top:0; color: #000;}
    a { color:#000; }