.nf{--nf-x:50%;--nf-y:38%;position:relative;isolation:isolate;display:grid;align-items:center;overflow:hidden;min-height:clamp(620px,calc(100svh - var(--header-h) - 34px),940px);padding-block:clamp(48px,7vw,96px);background:var(--house-950)}.nf-house{position:absolute;inset:0;z-index:-2}.nf-house img{width:100%;height:100%;object-fit:cover;object-position:50% 60%;filter:saturate(.9)}.nf-dark{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle min(34vw,340px) at var(--nf-x) var(--nf-y),rgb(253 228 184/.14),transparent 70%),radial-gradient(circle min(46vw,460px) at var(--nf-x) var(--nf-y),rgb(18 13 11/.2),rgb(18 13 11/.8) 55%,rgb(18 13 11/.94))}.nf-inner{display:grid;justify-items:center;gap:clamp(28px,4vw,48px);text-align:center}.nf-sign{position:relative;width:min(100%,820px);padding:clamp(30px,5vw,44px) clamp(14px,3vw,30px);container-type:inline-size;border:4px solid var(--cream);border-radius:20px;background:radial-gradient(ellipse at 50% 0,rgb(224 90 63/.55),transparent 60%),linear-gradient(var(--red-500),var(--red-600) 55%,var(--red-800));box-shadow:0 0 0 5px var(--ink),0 0 0 7px rgb(247 188 96/.35),0 40px 70px -28px rgb(0 0 0/.9),0 0 90px rgb(191 49 26/.45);animation:nf-sign-in .9s var(--ease-out) backwards}@keyframes nf-sign-in{0%{opacity:0;translate:0 24px}}.nf-bulbs{position:absolute;left:22px;right:22px;display:flex;justify-content:space-between;pointer-events:none}.nf-bulbs-top{top:11px}.nf-bulbs-bottom{bottom:11px}.nf-bulbs i{width:clamp(7px,1.3cqi,11px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 34%,#fff 0 18%,var(--gold-100) 34%,var(--gold-300) 70%);box-shadow:0 0 8px 2px rgb(247 188 96/.75)}.nf-bulbs i:nth-child(7n+3){background:var(--house-700);box-shadow:none;animation:nf-blown 2.4s steps(1) .6s backwards}@keyframes nf-blown{0%{background:var(--gold-300)}30%{background:var(--house-700)}45%{background:var(--gold-300)}60%{background:var(--house-700)}}.nf-board{display:grid;gap:clamp(4px,1.4cqi,10px);justify-items:center;padding:clamp(10px,2cqi,18px) clamp(10px,2.4cqi,22px);border-radius:6px;container-type:inline-size;overflow:hidden;background:linear-gradient(#fffdf3,#f5edd3);box-shadow:inset 0 0 0 3px var(--ink),inset 0 0 36px rgb(247 188 96/.4),0 0 46px rgb(253 228 184/.5)}.nf-line{display:flex;justify-content:center;align-items:baseline;width:100%;padding-bottom:3px;border-bottom:2px solid rgb(23 17 14/.1);font-family:var(--font-sign);line-height:1;color:var(--ink);white-space:nowrap}.nf-line-bottom,.nf-line-top{font-size:min(26px,calc(100cqi / (var(--n) * .86)));color:var(--red-600)}.nf-line-title{font-size:min(58px,calc(100cqi / (var(--n) * .8)))}.nf-gap{width:.42em}.nf-gap,.nf-letter{display:inline-block}.nf-letter{font-weight:400;rotate:calc(var(--tilt) * .6deg);translate:0 calc(var(--tilt) * .3px);animation:nf-hang .6s var(--ease-spring) backwards;animation-delay:calc(var(--i) * 30ms + .3s)}.nf-line-title .nf-letter:nth-child(13){rotate:14deg;translate:0 4px}@keyframes nf-hang{0%{opacity:0;translate:0 -.8em;rotate:calc(var(--tilt) * 5deg)}}.nf-copy{display:grid;justify-items:center;gap:14px;max-width:680px}.nf-title{font-size:var(--step-4);text-shadow:0 4px 24px rgb(0 0 0/.7)}.nf-lead{font-size:var(--step-1);color:var(--cream);text-shadow:0 2px 14px rgb(0 0 0/.8)}.nf-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px}@media (max-width:560px){.nf-sign{border-width:3px;border-radius:14px}.nf-actions{width:100%}.nf-actions .btn{flex:1 1 100%}}