.pns-box{--pns-accent:#1d4ed8;--pns-bg:#f6f8fc;--pns-text:#0f172a;position:relative;display:flex;gap:22px;align-items:flex-start;box-sizing:border-box;margin:2.5em 0;padding:34px 36px 30px 40px;background:var(--pns-bg);color:var(--pns-text);border:1px solid rgb(15 23 42 / .09);border-radius:18px;line-height:1.55;overflow:hidden;box-shadow:0 18px 40px -24px rgb(15 23 42 / .35)}.pns-box::before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--pns-accent)}.pns-box *,.pns-box *::before,.pns-box *::after{box-sizing:border-box}.pns-badge{flex:0 0 auto;display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--pns-accent);color:#fff;transform:rotate(-6deg);box-shadow:0 10px 18px -10px var(--pns-accent)}.pns-body{flex:1 1 auto;min-width:0}.pns-box .pns-title{margin:0 0 6px;padding:0;font-size:1.45rem;line-height:1.25;font-weight:700;letter-spacing:-.01em;color:var(--pns-text)}.pns-box .pns-desc{margin:0 0 20px;font-size:1rem;opacity:.78;color:var(--pns-text)}.pns-row{display:flex;gap:8px;padding:6px;background:#fff;border:2px solid rgb(15 23 42 / .12);border-radius:14px;transition:border-color .15s,box-shadow .15s}.pns-row:focus-within{border-color:var(--pns-accent);box-shadow:0 0 0 4px rgb(15 23 42 / .06)}.pns-box .pns-input{flex:1 1 auto;min-width:0;margin:0;padding:12px 14px;font-size:1rem;color:#0f172a;background:#fff0;border:0;border-radius:10px;box-shadow:none;outline:none}.pns-box .pns-input::placeholder{color:#64748b}.pns-box .pns-btn{flex:0 0 auto;position:relative;margin:0;padding:12px 24px;font-size:1rem;font-weight:700;line-height:1.2;color:#fff;background:var(--pns-accent);border:0;border-radius:10px;cursor:pointer;transition:filter .15s,transform .1s}.pns-box .pns-btn:hover{filter:brightness(1.1)}.pns-box .pns-btn:active{transform:translateY(1px)}.pns-box .pns-btn:focus-visible,.pns-box .pns-check input:focus-visible{outline:3px solid var(--pns-text);outline-offset:2px}.pns-box .pns-btn:disabled{cursor:progress;opacity:.85}.pns-form.is-loading .pns-btn-label{opacity:0}.pns-form.is-loading .pns-btn::after{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border:2px solid rgb(255 255 255 / .45);border-top-color:#fff;border-radius:50%;animation:pns-spin .7s linear infinite}@keyframes pns-spin{to{transform:rotate(360deg)}}.pns-box .pns-consent,.pns-box .pns-check{margin:12px 2px 0;font-size:.8125rem;line-height:1.5;opacity:.72;color:var(--pns-text)}.pns-box .pns-consent a,.pns-box .pns-check a{color:inherit;text-decoration:underline}.pns-box .pns-check{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.pns-box .pns-check input{flex:0 0 auto;margin:3px 0 0;accent-color:var(--pns-accent)}.pns-msg{margin:0;font-size:.95rem;font-weight:600}.pns-msg:not(:empty){margin-top:14px;padding:12px 14px;border-radius:10px}.pns-msg.pns-ok{background:#dcfce7;color:#14532d}.pns-msg.pns-err{background:#fee2e2;color:#7f1d1d}.pns-form.is-done .pns-row,.pns-form.is-done .pns-consent,.pns-form.is-done .pns-check{display:none}.pns-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}.pns-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:600px){.pns-box{flex-direction:column;gap:16px;padding:28px 22px 24px 28px}.pns-badge{width:48px;height:48px}.pns-row{flex-direction:column}.pns-box .pns-btn{width:100%;padding:14px}}@media (prefers-reduced-motion:reduce){.pns-form.is-loading .pns-btn::after{animation-duration:2s}.pns-box .pns-btn,.pns-row{transition:none}}