.nb{--nb-deep:color-mix(in srgb, var(--field) 84%, #000);--nb-band:var(--field);container-type:inline-size}.nb-card{isolation:isolate;background:var(--nb-deep);color:var(--field-ink);border-radius:28px;position:relative;overflow:hidden}.nb-arcs{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.nb-arcs i{top:calc(118% - 1200px);background:repeating-radial-gradient(circle at 50% 50%, var(--nb-deep) 0 69px, var(--nb-band) 70px 103px, var(--nb-deep) 104px);transform-origin:34% 40%;will-change:transform;border-radius:9999px;width:2400px;height:2400px;animation:11s cubic-bezier(.45,0,.55,1) infinite alternate nb-sway;position:absolute;inset-inline-end:calc(-1200px - 6%)}@keyframes nb-sway{0%{transform:rotate(-3.5deg)}to{transform:rotate(3.5deg)}}.nb-in{z-index:1;gap:1.75rem;padding:8.5rem 1.375rem 1.5rem;display:grid;position:relative}.nb-copy{text-align:start;gap:.5rem;display:grid}.nb-kicker{letter-spacing:.01em;opacity:.92;font-size:.8125rem;font-weight:600}.nb-title{text-wrap:balance;color:inherit;margin-block:.15rem .25rem;font-size:clamp(2.6rem,13.5cqi,5.75rem);line-height:1.08}.nb-lead{max-width:34rem;font-size:1.125rem;font-weight:600;line-height:1.55}.nb-side{container-type:inline-size}.nb-form{gap:.75rem;display:grid}.nb-field{gap:.625rem;display:grid}.nb-input{width:100%;min-width:0;height:3.25rem;color:var(--hd-black);text-align:start;background:#fff;border:0;border-radius:9999px;outline:none;padding-inline:1.375rem;font-size:1.0625rem;font-weight:500}.nb-input::placeholder{color:#6e6a64;opacity:1}.nb-input:focus-visible{box-shadow:0 0 0 3px var(--hd-black), 0 0 0 5px #fff}.nb-btn{background:var(--hd-black);color:#fff;white-space:nowrap;height:3.25rem;transition:transform .18s var(--ease-out,ease-out), background-color .18s var(--ease-out,ease-out);border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding-inline:1.5rem;font-size:.9375rem;font-weight:800;display:inline-flex}.nb-btn:hover{background:#000}.nb-btn:active{transform:scale(.97)}.nb-btn:focus-visible{outline-offset:2px;outline:3px solid #fff}.nb-btn[disabled]{cursor:progress}.nb-btn svg{transition:transform .22s var(--ease-out,ease-out)}.nb-btn:hover svg{transform:translate(3px)}[dir=rtl] .nb-btn:hover svg{transform:translate(-3px)scaleX(-1)}@container (min-width:25rem){.nb-field{background:#fff;border-radius:9999px;align-items:center;gap:.5rem;padding:.375rem;padding-inline-start:0;display:flex}.nb-field .nb-input{background:0 0;flex:1;height:3.25rem}.nb-field .nb-input:focus-visible{box-shadow:none}.nb-field:focus-within{box-shadow:0 0 0 3px var(--hd-black), 0 0 0 5px #fff}.nb-field .nb-btn{height:3.25rem}}.nb-note{background:#0000003d;border-radius:14px;padding:.625rem 1rem;font-size:.8125rem;font-weight:500;line-height:1.6}.nb-err{background:#0000006b;border-radius:12px;padding:.5rem .875rem;font-size:.875rem;font-weight:700}.nb-done{animation:nb-done-in .42s var(--ease-out,ease-out) both;background:#0000003d;border-radius:20px;align-items:flex-start;gap:.875rem;padding:1rem 1.125rem;display:flex}.nb-done-tick{width:2.25rem;height:2.25rem;color:var(--hd-black);background:#fff;border-radius:9999px;flex-shrink:0;place-items:center;display:grid}.nb-done-title{font-size:1.0625rem;font-weight:800}.nb-done-lead{opacity:.92;margin-top:.25rem;font-size:.875rem;line-height:1.6}@keyframes nb-done-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@container (min-width:46rem){.nb-in{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:end;gap:3rem;min-height:32rem;padding:4rem}.nb-arcs i{top:calc(135% - 1200px);inset-inline-end:calc(-1200px - 2%)}.nb-lead{font-size:1.25rem}}@media (prefers-reduced-motion:reduce){.nb-arcs i{animation:none;transform:rotate(-2deg)}.nb-done{animation:none}.nb-btn,.nb-btn svg{transition:none}}
