.nf,.nf *{box-sizing:border-box}
.nf{width:100%;max-width:560px;background:linear-gradient(165deg,rgba(7,20,48,.95),rgba(7,20,48,.98));border-radius:20px;border:1px solid rgba(0,116,255,.08);overflow:hidden;position:relative;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 60px rgba(0,0,0,.4),0 0 80px rgba(0,116,255,.03),inset 0 1px 0 rgba(255,255,255,.03);font-family:'Satoshi',sans-serif;color:#fff}
.nf::before{content:'';position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,116,255,.4),transparent);z-index:2}
.nf::after{content:'';position:absolute;top:-60px;right:-60px;width:200px;height:200px;background:radial-gradient(circle,rgba(0,116,255,.06),transparent 70%);pointer-events:none;z-index:1}
.nf-header{padding:20px 28px 0;text-align:center;position:relative;z-index:2}
.nf-title{font-family:'Elms Sans','Satoshi',ui-sans-serif,system-ui,sans-serif;font-size:22px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.02em}
.nf-title span{color:#0074FF}
.nf-usps{display:flex;justify-content:center;gap:10px;margin-top:5px}
.nf-usp{font-size:9px;font-weight:600;color:rgba(255,255,255,.45);display:flex;align-items:center;gap:4px}
.nf-usp::before{content:'';width:4px;height:4px;border-radius:50%;background:#0074FF;box-shadow:0 0 5px rgba(0,116,255,.5)}
.nf-progress{display:flex;align-items:center;padding:16px 28px 0;position:relative;z-index:2}
.nf-prog-step{display:flex;align-items:center;flex:1}
.nf-prog-step:last-child{flex:0}
.nf-dot{width:22px;height:22px;border-radius:50%;border:1.5px solid rgba(255,255,255,.1);background:transparent;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:rgba(255,255,255,.2);flex-shrink:0;transition:all .4s cubic-bezier(.22,1,.36,1);position:relative;z-index:2;font-family:'Satoshi',sans-serif}
.nf-dot svg{width:10px;height:10px}
.nf-prog-step.on .nf-dot{background:#0074FF;border-color:#0074FF;color:#fff;box-shadow:0 0 10px rgba(0,116,255,.3)}
.nf-prog-step.done .nf-dot{background:rgba(0,116,255,.15);border-color:#0074FF;color:#0074FF}
.nf-line{flex:1;height:1px;background:rgba(255,255,255,.06);position:relative;margin:0 -1px}
.nf-line::after{content:'';position:absolute;left:0;top:0;bottom:0;width:0%;background:#0074FF;box-shadow:0 0 4px rgba(0,116,255,.3);transition:width .5s cubic-bezier(.22,1,.36,1)}
.nf-prog-step.done .nf-line::after{width:100%}
.nf-body{padding:14px 28px 6px;position:relative;z-index:2;max-height:355px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,116,255,.15) transparent}
.nf-body::-webkit-scrollbar{width:4px}
.nf-body::-webkit-scrollbar-track{background:transparent}
.nf-body::-webkit-scrollbar-thumb{background:rgba(0,116,255,.15);border-radius:4px}
.nf-step{display:none;animation:nfIn .3s ease}
.nf-step.on{display:block}
@keyframes nfIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.nf-step-label{font-size:10px;font-weight:700;color:#0074FF;text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}
.nf-services{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.nf-svc{border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:12px 14px;cursor:pointer;transition:all .25s ease;position:relative;background:rgba(255,255,255,.02);display:flex;align-items:center;gap:10px}
.nf-svc:hover{border-color:rgba(0,116,255,.2);background:rgba(0,116,255,.04)}
.nf-svc.on{border-color:rgba(0,116,255,.4);background:rgba(0,116,255,.06);box-shadow:0 0 20px rgba(0,116,255,.06)}
.nf-svc-icon{font-size:20px;flex-shrink:0;line-height:1;width:34px;height:34px;border-radius:9px;background:rgba(0,116,255,.1);display:flex;align-items:center;justify-content:center}
.nf-svc-icon svg{width:18px;height:18px;display:block}
.nf-svc-text{flex:1;min-width:0}
.nf-svc-name{font-size:13px;font-weight:700;color:#fff}
.nf-svc-desc{font-size:10px;color:rgba(255,255,255,.35);line-height:1.3}
.nf-services>.nf-svc:last-child:nth-child(odd){grid-column:1/-1;max-width:50%}
.nf-svc .nf-chk{position:absolute;top:5px;right:5px;width:14px;height:14px;border-radius:50%;background:#0074FF;display:none;align-items:center;justify-content:center}
.nf-svc .nf-chk svg{width:8px;height:8px;stroke:#fff;stroke-width:3;fill:none}
.nf-svc.on .nf-chk{display:flex}
.nf-field{margin-bottom:14px}
.nf-field label{display:block;font-size:10px;font-weight:600;color:rgba(255,255,255,.3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}
.nf-field label em{color:#0074FF;font-style:normal}
.nf-field input,.nf-field select,.nf-field textarea{width:100%;padding:9px 0;border:none;border-bottom:1px solid rgba(255,255,255,.1);background:transparent;font-family:'Satoshi',sans-serif;font-size:13px;font-weight:500;color:#fff;outline:none;transition:border-color .2s ease;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.nf-field input::placeholder,.nf-field textarea::placeholder{color:rgba(255,255,255,.2)}
.nf-field input:focus,.nf-field select:focus,.nf-field textarea:focus{border-bottom-color:#0074FF;box-shadow:0 1px 0 0 rgba(0,116,255,.3)}
.nf-field input.err,.nf-field select.err{border-bottom-color:#FF4D4D}
.nf-field select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='rgba(255,255,255,0.3)' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0 center;padding-right:16px}
.nf-field select option{background:#0E2249;color:#fff}
.nf-err{color:#FF4D4D;font-size:10px;margin-top:3px;display:none;font-weight:500}
.nf-err.on{display:block}
.nf-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.nf-pills{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}
.nf-pill{padding:5px 11px;border:1px solid rgba(255,255,255,.08);border-radius:100px;font-size:11px;font-weight:600;color:rgba(255,255,255,.4);cursor:pointer;transition:all .2s ease;user-select:none}
.nf-pill:hover{border-color:rgba(0,116,255,.2);color:rgba(255,255,255,.6)}
.nf-pill.on{background:#0074FF;border-color:#0074FF;color:#fff}
.nf-summary{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:14px}
.nf-summary h4{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#0074FF;margin-bottom:8px;font-weight:700;font-family:'Elms Sans','Satoshi',ui-sans-serif,system-ui,sans-serif;}
.nf-sum-row{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:11px}
.nf-sum-row:last-child{border-bottom:none}
.nf-sum-row .nf-sl{color:rgba(255,255,255,.3)}
.nf-sum-row .nf-sv{color:#fff;font-weight:600;text-align:right;max-width:55%}
.nf-success{display:none;text-align:center;padding:36px 0 10px;animation:nfIn .5s ease}
.nf-success.on{display:block}
.nf-body:has(.nf-success.on){max-height:none;overflow:visible}
.nf-success-ico{width:52px;height:52px;border-radius:50%;background:rgba(0,116,255,.1);border:1.5px solid rgba(0,116,255,.3);display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px;animation:nfPop .4s cubic-bezier(.22,1,.36,1) .15s both}
.nf-success-ico svg{width:22px;height:22px;stroke:#0074FF;fill:none;stroke-width:2.5}
@keyframes nfPop{from{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}
.nf-success h3{font-family:'Elms Sans','Satoshi',ui-sans-serif,system-ui,sans-serif;font-size:18px;color:#fff;text-transform:uppercase;margin-bottom:4px}
.nf-success p{font-size:12px;color:rgba(255,255,255,.45);line-height:1.6;margin-bottom:16px;max-width:300px;margin-left:auto;margin-right:auto}
.nf-actions{display:flex;justify-content:space-between;align-items:center;padding:10px 28px 16px;position:relative;z-index:2}
.nf-back{background:none;border:none;color:rgba(255,255,255,.3);font-family:'Satoshi',sans-serif;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;transition:color .2s;padding:8px 4px}
.nf-back:hover{color:rgba(255,255,255,.6)}
.nf-back svg{width:12px;height:12px}
.nf-next{background:#0074FF;border:none;color:#fff;font-family:'Satoshi',sans-serif;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:9px 22px;border-radius:100px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .25s ease;box-shadow:0 0 20px rgba(0,116,255,.15);margin-left:auto}
.nf-next:hover{background:#3d92ff;box-shadow:0 0 30px rgba(0,116,255,.25);transform:translateY(-1px)}
.nf-next svg{width:13px;height:13px}
.nf-privacy{font-size:9px;color:rgba(255,255,255,.2);text-align:center;padding:0 28px 16px;line-height:1.5;position:relative;z-index:2}
@media(max-width:480px){.nf{border-radius:16px}.nf-header,.nf-body,.nf-actions{padding-left:20px;padding-right:20px}.nf-progress{padding-left:20px;padding-right:20px}.nf-row{grid-template-columns:1fr;gap:0}.nf-title{font-size:18px}.nf-usps{gap:6px}.nf-body{max-height:320px}}