.ffqt-wrap {
    max-width: 860px;
    margin: 0 auto;
}

.ffqt-box {
    border: 1px solid #d9e2ea;
    background: #ffffff;
    border-radius: 14px;
    padding: 20px;
    box-shadow: 0 8px 22px rgba(0,0,0,0.04);
}

.ffqt-description {
    margin-bottom: 16px;
}

.ffqt-success,
.ffqt-error {
    padding: 12px 14px;
    border-radius: 10px;
    margin-bottom: 16px;
}

.ffqt-success {
    background: #edf8f1;
    border: 1px solid #b7e0c4;
}

.ffqt-error {
    background: #fff1f1;
    border: 1px solid #efc2c2;
}

.ffqt-field,
.ffqt-question {
    margin-bottom: 18px;
}

.ffqt-field input[type="text"],
.ffqt-answer-text input[type="text"] {
    width: 100%;
    max-width: 420px;
}

.ffqt-answer {
    display: block;
    margin-top: 8px;
}

.ffqt-help {
    display: block;
    margin-top: 8px;
    opacity: 0.8;
}

.ffqt-button {
    background: #2271b1;
    border: 0;
    color: #fff;
    border-radius: 10px;
    padding: 12px 18px;
    cursor: pointer;
}

.ffqt-timer-box{margin:12px 0 16px;padding:10px 12px;border:1px solid #d9e2ea;border-radius:10px;background:#f8fbff}.ffqt-timer{display:inline-block;margin-left:8px;font-weight:700}.ffqt-question strong{display:block;margin-bottom:8px}


.ffqt-form-compact .ffqt-field,
.ffqt-form-compact .ffqt-question {
    margin-bottom: 14px;
}

.ffqt-form-compact label {
    font-size: 14px;
}

.ffqt-input,
.ffqt-form-compact input[type="text"] {
    width: 100%;
    max-width: 340px;
    padding: 8px 10px;
    font-size: 14px;
    min-height: 38px;
    border: 1px solid #c7d1db;
    border-radius: 8px;
    box-sizing: border-box;
}

.ffqt-form-compact .ffqt-answer {
    margin-top: 6px;
    font-size: 14px;
}

.ffqt-button-small {
    padding: 9px 14px;
    font-size: 14px;
    border-radius: 8px;
}

.ffqt-deadline {
    display: inline-block;
    margin: 0 0 12px;
    padding: 8px 10px;
    border-radius: 10px;
    font-size: 14px;
    border: 1px solid #d9e2ea;
}

.ffqt-deadline-normal {
    background: #edf7ed;
    border-color: #b8d8b8;
    color: #234b23;
}

.ffqt-deadline-soon {
    background: #fff8e8;
    border-color: #efd39a;
    color: #7a5b00;
}

.ffqt-deadline-urgent {
    background: #fff1f1;
    border-color: #efb5b5;
    color: #8a1f1f;
}

.ffqt-deadline-closed {
    background: #f2f4f7;
    border-color: #cfd6dd;
    color: #4f5b66;
}