html, body { height: 100%; margin: 0; padding: 0; }
        body { font-family: Arial, sans-serif; display: flex; align-items: center; justify-content: center; min-height: 100vh; background-color: #f7f7f7; padding: 20px; box-sizing: border-box; }
        .card { background: #fff; border: 1px solid #e2e2e2; border-radius: 12px; padding: 32px; max-width: 480px; width: 100%; text-align: center; box-sizing: border-box; }
        .badge { display: inline-block; font-size: 12px; background: #e6f1fb; color: #0c447c; padding: 4px 10px; border-radius: 6px; margin-bottom: 16px; }
        h1 { font-size: 26px; color: #222; margin: 0 0 10px; word-break: break-word; }
        .h1-suffix { display: block; font-size: 15px; font-weight: 400; color: #666; margin-top: 2px; }
        p.desc { font-size: 14px; color: #666; margin: 0 0 24px; }
        .trust { margin-top: 4px; font-size: 12px; color: #595959; }

        .form-group { margin-bottom: 1.2rem; text-align: left; }
        .form-group label { display: block; margin-bottom: 0.4rem; font-weight: 600; font-size: 13px; color: #333; }
        .form-group input,
        .form-group textarea {
            width: 100%; box-sizing: border-box; padding: 0.7rem;
            border: 2px solid #e2e8f0; border-radius: 8px;
            font-size: 14px; font-family: inherit; transition: border-color 0.3s;
        }
        .form-group input:focus,
        .form-group textarea:focus {
            outline: none; border-color: #2563eb;
            box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
        }
        .form-group input[readonly] { background: #f1f5f9; color: #64748b; }

        .captcha-group { position: relative; }
        .captcha-group input { padding-right: 46px; }
        .refresh-captcha {
            position: absolute; right: 6px; bottom: 6px;
            background: #2563eb; color: #fff; border: none;
            width: 32px; height: 32px; border-radius: 50%;
            cursor: pointer; font-size: 14px; line-height: 1;
            transition: background 0.3s, transform 0.2s;
        }
        .refresh-captcha:hover { background: #1e40af; transform: rotate(90deg); }

        .submit-btn, .mail-btn {
            width: 100%; padding: 0.85rem; border: none; border-radius: 8px;
            font-size: 14px; font-weight: 600; cursor: pointer;
            margin-bottom: 10px; transition: background 0.3s;
        }
        .submit-btn { background: #222; color: #fff; }
        .submit-btn:disabled { background: #94a3b8; cursor: not-allowed; }
        .mail-btn { background: #4caf50; color: #fff; }
        .mail-btn:hover { background: #43a047; }

        .form-message {
            padding: 0.8rem; border-radius: 8px; margin-bottom: 1rem;
            font-size: 13px; display: none; text-align: left;
        }
        .form-message.success { background: #d1fae5; color: #065f46; border: 1px solid #10b981; display: block; }
        .form-message.error { background: #fee2e2; color: #991b1b; border: 1px solid #ef4444; display: block; }

        .human-check { font-size: 13px; color: #595959; margin-bottom: 12px; }
        .human-check svg { display: block; margin: 0 auto 8px; }

        .hidden-btn { display: none; }
        .link-as-button { display: block; text-decoration: none; box-sizing: border-box; }
        .more-domains { margin-top: 14px; }
        .more-domains a { font-size: 12px; color: #2563eb; text-decoration: none; }

        @media (max-width: 480px) { h1 { font-size: 22px; } }