.dnf-wrap{
--dnf-navy:#244190;
--dnf-navy-dark:#1a3070;
--dnf-blue-soft:#3a5bb0;
--dnf-blue-tint:#eef2fb;
--dnf-ink:#20303f;
--dnf-muted:#6b7a8d;
--dnf-line:#e2e6ee;
--dnf-bg:#f4f6fb;
--dnf-panel:#f6f8fc;
--dnf-warn:#4b5563;
--dnf-warn-line:#9aa6b8;
--dnf-warn-bg:#eef1f5;
--dnf-radius:12px;
max-width:760px;
margin:0 auto;
padding:16px;
box-sizing:border-box;
font-family:'Inter',Arial,Helvetica,"Segoe UI",sans-serif;
color:var(--dnf-ink);
line-height:1.55;
}
.dnf-wrap *,.dnf-wrap *::before,.dnf-wrap *::after{box-sizing:border-box;} .dnf-wrap [hidden]{display:none!important;}
.dnf-card{
background:#fff;
border:1px solid var(--dnf-line);
border-radius:var(--dnf-radius);
box-shadow:0 12px 40px rgba(26,48,112,.08);
overflow:hidden;
} .dnf-header{
display:flex;
align-items:center;
gap:16px;
padding:26px 30px;
background:linear-gradient(135deg,var(--dnf-navy) 0%,var(--dnf-navy-dark) 100%);
color:#fff;
position:relative;
}
.dnf-header::after{
content:"";
position:absolute;left:0;right:0;bottom:0;height:3px;
background:linear-gradient(90deg,var(--dnf-navy),var(--dnf-blue-soft),var(--dnf-navy));
}
.dnf-crest{
flex:0 0 auto;
width:54px;height:54px;border-radius:50%;
display:flex;align-items:center;justify-content:center;
background:rgba(255,255,255,.1);
border:2px solid rgba(255,255,255,.55);
color:#dfe7f7;
}
.dnf-title{margin:0;font-size:22px;font-weight:700;letter-spacing:.2px;color:#fff;line-height:1.2;}
.dnf-subtitle{margin:3px 0 0;font-size:13px;opacity:.85;color:#eaf0fb;}
.dnf-deadline{
margin:0;padding:12px 30px;
background:var(--dnf-blue-tint);border-bottom:1px solid var(--dnf-line);
font-size:13px;color:#3a4a63;
}
.dnf-deadline strong{color:var(--dnf-navy);} .dnf-steps{
display:flex;list-style:none;margin:0;padding:20px 30px 6px;gap:6px;
overflow-x:auto;
}
.dnf-steps li{
flex:1;min-width:70px;display:flex;flex-direction:column;align-items:center;gap:6px;
font-size:11.5px;font-weight:600;color:var(--dnf-muted);text-align:center;position:relative;
text-transform:uppercase;letter-spacing:.4px;
}
.dnf-steps li span{
width:30px;height:30px;border-radius:50%;
display:flex;align-items:center;justify-content:center;
background:#eef1f7;color:var(--dnf-muted);font-size:13px;
border:2px solid transparent;transition:.25s;
}
.dnf-steps li.is-active span{background:var(--dnf-navy);color:#fff;border-color:var(--dnf-navy);}
.dnf-steps li.is-done span{background:var(--dnf-blue-soft);color:#fff;border-color:var(--dnf-blue-soft);}
.dnf-steps li.is-active{color:var(--dnf-navy);} .dnf-form{padding:14px 30px 30px;}
.dnf-step{display:none;animation:dnf-fade .3s ease;}
.dnf-step.is-active{display:block;}
@keyframes dnf-fade{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
.dnf-step-title{margin:8px 0 4px;font-size:17px;color:var(--dnf-navy);font-weight:700;}
.dnf-help{margin:0 0 16px;font-size:13.5px;color:var(--dnf-muted);}
.dnf-field{margin:0 0 16px;}
.dnf-field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--dnf-ink);}
.dnf-field label span{color:var(--dnf-navy);}
.dnf-field input,
.dnf-field textarea{
width:100%;padding:11px 13px;font-size:15px;font-family:inherit;color:var(--dnf-ink);
border:1.5px solid var(--dnf-line);border-radius:8px;background:#fff;transition:.18s;
}
.dnf-field input:focus,
.dnf-field textarea:focus{
outline:none;border-color:var(--dnf-navy);
box-shadow:0 0 0 3px rgba(36,65,144,.14);
}
.dnf-field textarea{resize:vertical;min-height:150px;}
.dnf-field.has-error input,
.dnf-field.has-error textarea{border-color:var(--dnf-warn-line);box-shadow:0 0 0 3px rgba(154,166,184,.18);}
.dnf-row{display:flex;gap:16px;}
.dnf-row .dnf-field{flex:1;}
@media(max-width:520px){.dnf-row{flex-direction:column;gap:0;}}
.dnf-counter{display:block;margin-top:6px;font-size:12px;color:var(--dnf-muted);text-align:right;} .dnf-choice{display:flex;gap:16px;margin-top:6px;}
@media(max-width:520px){.dnf-choice{flex-direction:column;}}
.dnf-radio{flex:1;cursor:pointer;position:relative;}
.dnf-radio input{position:absolute;opacity:0;pointer-events:none;}
.dnf-radio-box{
display:flex;align-items:center;justify-content:center;text-align:center;
padding:22px 16px;border:2px solid var(--dnf-line);border-radius:10px;
transition:.2s;background:#fff;min-height:80px;
}
.dnf-radio-title{font-size:15px;font-weight:700;color:var(--dnf-ink);}
.dnf-radio:hover .dnf-radio-box{border-color:var(--dnf-navy);}
.dnf-radio input:checked + .dnf-radio-box{
border-color:var(--dnf-navy);background:var(--dnf-blue-tint);
box-shadow:0 0 0 3px rgba(36,65,144,.1);
}
.dnf-radio input:checked + .dnf-radio-box .dnf-radio-title{color:var(--dnf-navy);}
.dnf-radio input:focus-visible + .dnf-radio-box{box-shadow:0 0 0 3px rgba(36,65,144,.35);} .dnf-tc{margin:6px 0 18px;border:1px solid var(--dnf-line);border-radius:10px;overflow:hidden;}
.dnf-tc-toggle{
width:100%;text-align:left;padding:13px 16px;background:var(--dnf-panel);border:none;cursor:pointer;
font-size:13.5px;font-weight:700;color:var(--dnf-navy);font-family:inherit;
display:flex;align-items:center;gap:9px;
}
.dnf-tc-toggle:hover{background:var(--dnf-blue-tint);}
.dnf-tc-icon{transition:.2s;display:inline-block;font-size:11px;}
.dnf-tc-toggle[aria-expanded="true"] .dnf-tc-icon{transform:rotate(180deg);}
.dnf-tc-viewer{padding:0;border-top:1px solid var(--dnf-line);}
.dnf-tc-viewer iframe{width:100%;height:420px;border:0;display:block;background:#fbfbfb;}
.dnf-tc-fallback{margin:0;padding:10px 16px;font-size:12.5px;color:var(--dnf-muted);background:var(--dnf-panel);}
.dnf-tc-fallback a{color:var(--dnf-navy);} .dnf-check{display:flex;gap:11px;align-items:flex-start;cursor:pointer;font-size:13.5px;margin:6px 0 4px;}
.dnf-check input{margin-top:3px;width:18px;height:18px;flex:0 0 auto;accent-color:var(--dnf-navy);cursor:pointer;}
.dnf-check a{color:var(--dnf-navy);font-weight:600;}
.dnf-signrow{margin-top:20px;} .dnf-error{color:var(--dnf-warn);font-size:12.5px;margin:4px 0 0;min-height:0;}
.dnf-field .dnf-error{margin-top:5px;} .dnf-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;}
.dnf-btn{
appearance:none;border:none;cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;
padding:13px 26px;border-radius:9px;transition:.18s;letter-spacing:.2px;
}
.dnf-next,.dnf-submit{background:var(--dnf-navy);color:#fff;margin-left:auto;}
.dnf-next:hover,.dnf-submit:hover{background:var(--dnf-navy-dark);transform:translateY(-1px);}
.dnf-submit:disabled{opacity:.6;cursor:wait;transform:none;}
.dnf-prev{background:#eef1f7;color:var(--dnf-ink);}
.dnf-prev:hover{background:#e2e7f0;} .dnf-feedback{margin-top:16px;padding:12px 16px;border-radius:8px;font-size:13.5px;background:var(--dnf-warn-bg);color:var(--dnf-warn);border:1px solid #d5dbe5;}
.dnf-success{padding:44px 30px;text-align:center;}
.dnf-success-icon{
width:64px;height:64px;border-radius:50%;margin:0 auto 18px;
background:var(--dnf-navy);color:#fff;font-size:32px;
display:flex;align-items:center;justify-content:center;
}
.dnf-success h3{margin:0 0 8px;font-size:20px;color:var(--dnf-navy);}
.dnf-success p{margin:0;font-size:14.5px;color:var(--dnf-muted);max-width:440px;margin:0 auto;}
.dnf-closed{padding:44px 30px;text-align:center;}
.dnf-closed h3{margin:0 0 8px;font-size:19px;color:var(--dnf-navy);}
.dnf-closed p{margin:0;color:var(--dnf-muted);font-size:14px;} .dnf-footer{
display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;
padding:16px 30px;background:var(--dnf-panel);border-top:1px solid var(--dnf-line);
font-size:12.5px;color:var(--dnf-muted);
}
.dnf-footer a{color:var(--dnf-navy);text-decoration:none;}
.dnf-footer a:hover{text-decoration:underline;} .dnf-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden;}
.dnf-wrap .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}