.nf{background:var(--hero-bg);align-items:center;padding:124px 24px 84px;display:flex;position:relative;overflow:hidden}.nf-glow{pointer-events:none;background:radial-gradient(62% 52% at 50% 34%,#7c3aed3d 0%,#0000 70%);position:absolute;inset:0}.nf-dots{opacity:.6;pointer-events:none;background-image:radial-gradient(circle,#7c3aed33 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(46% 54% at 50% 46%,#0000 28%,#000 88%);mask-image:radial-gradient(46% 54% at 50% 46%,#0000 28%,#000 88%)}.nf-inner{z-index:2;width:100%;max-width:880px;margin:0 auto;position:relative}.nf-card{background:var(--dark-card);border:1px solid var(--dark-border);text-align:center;border-radius:24px;flex-direction:column;align-items:center;padding:44px 48px 42px;display:flex}.nf-art{width:108px;margin-bottom:22px}.nf-lock{width:100%;height:auto;display:block;overflow:visible}.nf-plate-face{fill:#7c3aed24}.nf-plate-rim{fill:none;stroke:#a78bfa6b;stroke-width:2px}.nf-plate-inner{fill:none;stroke:#a78bfa29;stroke-width:1.5px}.nf-keyhole{fill:var(--hero-bg)}.nf-key-shank,.nf-key-collar{fill:var(--purple-light)}.nf-key-bow{fill:none;stroke:var(--purple-light);stroke-width:10px;stroke-linejoin:round}.nf-key{transform-origin:100px 78px;transform-box:view-box;will-change:transform;animation:2.2s .52s both nfKeyResist}.nf-plate{transform-origin:100px 78px;transform-box:view-box;animation:2.2s .52s both nfPlateTake}@keyframes nfKeyResist{0%{animation-timing-function:cubic-bezier(.16,.84,.28,1);transform:rotate(0)}34%{animation-timing-function:linear;transform:rotate(-15.5deg)}46%{transform:rotate(-15.5deg)}52%{transform:rotate(-13.2deg)}58%{transform:rotate(-15.2deg)}64%{animation-timing-function:cubic-bezier(.33,0,.2,1);transform:rotate(-14.2deg)}to{transform:rotate(0)}}@keyframes nfPlateTake{0%,40%{transform:translate(0)}48%{transform:translate(-.8px)}56%{transform:translate(.8px)}64%,to{transform:translate(0)}}.nf-badge{border:1px solid var(--purple);color:var(--purple-light);letter-spacing:.08em;text-transform:uppercase;background:#7c3aed26;border-radius:100px;margin-bottom:22px;padding:6px 18px;font-size:12px;font-weight:600;display:inline-block}.nf-headline{letter-spacing:-.03em;text-wrap:balance;margin-bottom:18px;font-size:clamp(34px,5.4vw,58px);font-weight:800;line-height:1.06}.nf-line-1{color:#fff;display:block}.nf-line-2{color:#ffffff59;display:block}.nf-sub{color:var(--neutral-400);text-wrap:pretty;max-width:46ch;margin:0 auto 28px;font-size:17px;line-height:1.6}.nf-cta{min-height:48px}.nf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.nf-tile{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:16px;min-height:88px;padding:20px 44px 20px 22px;text-decoration:none;transition:border-color .2s,background .2s,transform .2s;display:block;position:relative}.nf-tile:hover{background:color-mix(in srgb, var(--purple) 9%, var(--dark-card));border-color:#7c3aed73;transform:translateY(-2px)}.nf-tile-label{color:#fff;letter-spacing:-.01em;margin-bottom:4px;font-size:16px;font-weight:700;display:block}.nf-tile-hint{color:var(--neutral-500);font-size:13.5px;line-height:1.5;display:block}.nf-tile-arrow{color:var(--neutral-500);font-size:16px;line-height:1;transition:color .2s,transform .2s;position:absolute;top:22px;right:20px}.nf-tile:hover .nf-tile-arrow,.nf-tile:focus-visible .nf-tile-arrow{color:var(--purple-light);transform:translate(3px)}.nf-cta:focus-visible,.nf-tile:focus-visible{outline:2px solid var(--purple-light);outline-offset:3px}.nf-art,.nf-badge,.nf-headline,.nf-sub,.nf-cta,.nf-grid{opacity:0;animation:.62s cubic-bezier(.16,1,.3,1) both nfRise}.nf-art{animation-delay:0s}.nf-badge{animation-delay:80ms}.nf-headline{animation-delay:.14s}.nf-sub{animation-delay:.2s}.nf-cta{animation-delay:.26s}.nf-grid{animation-delay:.32s}@keyframes nfRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (max-width:768px){.nf{align-items:flex-start;padding:120px 20px 72px}.nf-card{border-radius:20px;padding:40px 24px 38px}.nf-art{width:104px;margin-bottom:24px}.nf-grid{grid-template-columns:minmax(0,1fr)}.nf-tile{min-height:76px}}@media (max-width:480px){.nf-cta{justify-content:center;width:100%}.nf-sub{font-size:16px}}@media (prefers-reduced-motion:reduce){.nf-key,.nf-plate,.nf-art,.nf-badge,.nf-headline,.nf-sub,.nf-cta,.nf-grid{opacity:1;animation:none;transform:none}.nf-tile,.nf-tile-arrow{transition-duration:1ms}.nf-tile:hover{transform:none}}
