#kf *{box-sizing:border-box;margin:0;padding:0}
#kf{max-width:740px;margin:30px auto;background:#fff;border-radius:14px;box-shadow:0 4px 40px rgba(0,0,0,.13);overflow:hidden;font-family:'Segoe UI',Arial,sans-serif;direction:rtl}
#kf .fhdr{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;padding:28px 30px;text-align:center}
#kf .fhdr h2{color:#c9a96e;font-size:1.5rem;margin-bottom:5px}
#kf .fhdr p{color:#aaa;font-size:.86rem;line-height:1.5}
#kf .pbar{background:#e0d5c0;height:5px}
#kf .pfill{background:linear-gradient(90deg,#c9a96e,#b8860b);height:5px;transition:width .4s}
#kf .ptxt{text-align:center;padding:8px;font-size:.81rem;color:#888;background:#faf7f0;border-bottom:1px solid #ede5d5}
#kf .step{display:none;padding:24px 28px}
#kf .step.active{display:block}
#kf .stitle{color:#1a1a2e;font-size:1.13rem;font-weight:700;margin-bottom:18px;padding-bottom:8px;border-bottom:2px solid #c9a96e}
#kf .stitle em{color:#c9a96e;font-style:normal;margin-left:7px}
#kf .fg{margin-bottom:15px}
#kf .fg>label,#kf .flabel{display:block;margin-bottom:5px;color:#333;font-size:.91rem;font-weight:600}
#kf input[type=text],#kf input[type=email],#kf input[type=tel],#kf input[type=number],#kf input[type=date],#kf textarea,#kf select{width:100%;padding:9px 12px;border:1.5px solid #ddd;border-radius:8px;font-size:.91rem;font-family:inherit;direction:rtl;background:#fff;transition:border-color .2s}
#kf input:focus,#kf textarea:focus,#kf select:focus{border-color:#c9a96e;outline:none;box-shadow:0 0 0 3px rgba(201,169,110,.13)}
#kf textarea{min-height:85px;resize:vertical}
#kf .rg,#kf .cg{display:flex;flex-direction:column;gap:7px}
#kf .rg label,#kf .cg label{display:flex;align-items:center;gap:9px;padding:9px 12px;border:1.5px solid #e0d5c0;border-radius:8px;cursor:pointer;transition:all .2s;font-weight:400;background:#faf7f0;font-size:.9rem}
#kf .rg label:hover,#kf .cg label:hover{border-color:#c9a96e;background:#fff8ed}
#kf .rg input,#kf .cg input{accent-color:#c9a96e;width:16px;height:16px;flex-shrink:0}
#kf .two{display:grid;grid-template-columns:1fr 1fr;gap:13px}
#kf .three{display:grid;grid-template-columns:1fr 1fr 1fr;gap:11px}
#kf .nav{display:flex;justify-content:space-between;align-items:center;padding:15px 28px;background:#faf7f0;border-top:1px solid #ede5d5}
#kf .btn{padding:10px 22px;border:none;border-radius:8px;font-size:.91rem;cursor:pointer;transition:all .2s;font-family:inherit;font-weight:600}
#kf .btn-next{background:linear-gradient(135deg,#c9a96e,#b8860b);color:#fff}
#kf .btn-next:hover{filter:brightness(1.08);transform:translateY(-1px)}
#kf .btn-back{background:#e8e0d0;color:#555}
#kf .btn-skip{background:transparent;color:#bbb;font-size:.81rem;text-decoration:underline;padding:8px 10px;border:none;cursor:pointer;font-family:inherit}
#kf .btn-sub{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#c9a96e;border:2px solid #c9a96e}
#kf .btn-sub:hover{background:#c9a96e;color:#1a1a2e}
#kf .c{display:none}
#kf .c.on{display:block}
#kf .tgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
#kf .tbtn{padding:14px 10px;border:2px solid #e0d5c0;border-radius:10px;background:#faf7f0;cursor:pointer;text-align:center;transition:all .2s;font-size:.86rem;font-family:inherit;color:#333;line-height:1.4;width:100%}
#kf .tbtn:hover{border-color:#c9a96e;background:#fff8ed}
#kf .tbtn.sel{border-color:#c9a96e;background:#fff8ed;color:#1a1a2e;font-weight:700}
#kf .tbtn .ic{font-size:1.3rem;display:block;margin-bottom:4px}
#kf .sb{background:#faf7f0;border:1px solid #e0d5c0;border-radius:10px;padding:14px;margin-top:11px}
#kf .sb-title{font-weight:700;color:#b8860b;margin-bottom:10px;font-size:.91rem}
#kf .warn{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:9px 13px;font-size:.83rem;color:#856404;margin-bottom:12px}
#kf .danger{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;padding:9px 13px;font-size:.83rem;color:#721c24;margin-bottom:12px}
#kf .note{background:#e8f4fd;border:1px solid #bee5f7;border-radius:8px;padding:9px 13px;font-size:.83rem;color:#0c5460;margin-bottom:12px}
#kf .sep{border:none;border-top:1px solid #e5ddd0;margin:16px 0}
#kf .sec-sub{font-weight:700;color:#b8860b;font-size:.96rem;margin:16px 0 11px;padding-bottom:6px;border-bottom:1px solid #e0d5c0}
#kf .suc{display:none;padding:46px 28px;text-align:center}
#kf .suc.on{display:block}
#kf .suc .ico{font-size:3rem;margin-bottom:14px}
#kf .suc h2{color:#1a1a2e;margin-bottom:8px;font-size:1.35rem}
#kf .suc p{color:#666;margin-bottom:18px;line-height:1.65}
#kf .btn-dl{background:linear-gradient(135deg,#c9a96e,#b8860b);color:#fff;padding:11px 26px;border:none;border-radius:8px;font-size:.94rem;cursor:pointer;font-family:inherit;font-weight:600}
#kf .fup{border:2px dashed #c9a96e;border-radius:8px;padding:13px;text-align:center;background:#fffdf7;cursor:pointer;font-size:.85rem;color:#b8860b;display:block}
#kf .fup input{display:none}
#kf .req::after{content:' *';color:#e74c3c}
#kf .fg-error>label,#kf .fg-error>.flabel{color:#c0392b !important}
#kf .fg-error input,#kf .fg-error textarea,#kf .fg-error select{border-color:#e74c3c !important;background:#fff8f8 !important;box-shadow:0 0 0 3px rgba(231,76,60,.12) !important}
#kf .fg-error .rg,#kf .fg-error .cg,#kf .fg-error .tgrid{outline:2px solid #e74c3c;border-radius:9px;padding:6px}
#kf .fg-error .tbtn-wrap{outline:2px solid #e74c3c;border-radius:11px;padding:5px}
#kf .err-msg{display:none;color:#c0392b;font-size:.82rem;font-weight:600;margin-top:5px;padding:4px 8px;background:#fff0f0;border-radius:5px;border-right:3px solid #e74c3c}
#kf .fg-error .err-msg{display:block}
#kf .step-err-banner{display:none;background:#fff0f0;border:1.5px solid #e74c3c;border-radius:9px;padding:11px 14px;margin-bottom:16px;color:#c0392b;font-size:.88rem;font-weight:600}
#kf .step-err-banner.on{display:block}
#kf .fup-list{margin-top:8px;display:flex;flex-direction:column;gap:5px}
#kf .fup-item{display:flex;align-items:center;gap:7px;background:#f0fff4;border:1px solid #6bcb77;border-radius:7px;padding:7px 11px;font-size:.84rem;color:#1a6e2e}
#kf .fup-item::before{content:'✓';font-weight:700;color:#27ae60;flex-shrink:0}
@keyframes kfShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}
@media(max-width:560px){#kf .two,#kf .three{grid-template-columns:1fr}#kf .tgrid{grid-template-columns:1fr}#kf{margin:0;border-radius:0}}