:root{--nf-glass-blur: blur(20px);--nf-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--nf-transition: .3s cubic-bezier(.4, 0, .2, 1)}body:before{display:none}@keyframes hf-fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes hf-scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes hf-gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes hf-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes hf-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}body{margin:0;background:var(--bg-base)}.nf-page{font-family:var(--font-main);margin:0;min-height:100vh;display:flex;flex-direction:column;color:var(--text-primary);background:var(--bg-base);-webkit-font-smoothing:antialiased}.nf-page *,.nf-page *:before,.nf-page *:after{box-sizing:border-box}.nf-page a{text-decoration:none;color:inherit}.nf-logo{display:inline-flex;align-items:center;gap:10px}.nf-logo-mark{display:grid;grid-template-columns:1fr 1fr;gap:3px}.nf-logo-mark span{width:10px;height:10px;border-radius:50%}.nf-logo-mark .c1{background:#3b82f6}.nf-logo-mark .c2{background:#10b981}.nf-logo-mark .c3{background:#f59e0b}.nf-logo-mark .c4{background:#8b5cf6}.nf-logo-text{font-family:var(--font-display);font-weight:700;font-size:22px;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nf-gradient-text{background:var(--primary-gradient);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:hf-gradientShift 3s ease infinite}.nf-glass{background:var(--glass-white);backdrop-filter:var(--nf-glass-blur);-webkit-backdrop-filter:var(--nf-glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:0 10px 40px var(--glass-shadow)}.nf-header{padding:20px 32px;display:flex;align-items:center;z-index:10;position:relative}.nf-search{width:100%;max-width:480px}.nf-search form{display:flex;border-radius:var(--radius-full);overflow:hidden;background:var(--bg-base);border:2px solid var(--glass-border);transition:var(--nf-transition);box-shadow:var(--shadow-sm)}.nf-search form:focus-within{border-color:var(--pink);box-shadow:var(--glow-pink)}.nf-search input{flex:1;padding:12px 20px;border:none;font-size:15px;font-family:var(--font-main);outline:none;background:transparent;color:var(--text-primary)}.nf-search input::placeholder{color:var(--text-muted)}.nf-search button{padding:12px 24px;background:var(--accent-gradient);color:#fff;border:none;font-weight:600;cursor:pointer;transition:var(--nf-transition);position:relative;overflow:hidden}.nf-search button:hover{transform:translateY(-1px);box-shadow:var(--glow-pink)}.nf-search button:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);animation:hf-shimmer 2.5s ease-in-out infinite}.nf-search-icon{display:flex;align-items:center}.nf-chip{display:inline-block;padding:8px 18px;border-radius:var(--radius-full);font-size:14px;font-weight:500;color:var(--text-secondary);background:var(--bg-lavender);border:1px solid transparent;transition:var(--nf-transition)}.nf-chip:hover{background:var(--bg-pink);color:var(--pink);border-color:#ec489933;box-shadow:var(--glow-pink);transform:translateY(-2px)}.nf-chip--lg{padding:10px 24px;font-size:16px;font-weight:600}.nf-cta-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:var(--primary-gradient);color:#fff;border-radius:var(--radius-xl);font-weight:700;font-size:15px;box-shadow:0 12px 40px #ec489940;transition:var(--nf-transition);position:relative;overflow:hidden}.nf-cta-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 20px 60px #ec48994d}.nf-cta-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:hf-shimmer 2.5s ease-in-out infinite}.nf-ghost-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;color:var(--pink);font-weight:600;font-size:15px;border-radius:var(--radius-xl);transition:var(--nf-transition);border:1px solid transparent}.nf-ghost-btn:hover{background:var(--bg-pink);border-color:#ec489926}.nf-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.nf-floating-glass{background:linear-gradient(160deg,var(--bg-soft) 0%,var(--bg-base) 40%,var(--bg-lavender) 100%)}.nf-floating-glass .nf-center{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 24px}.nf-floating-glass .nf-card{padding:56px 48px;max-width:560px;width:100%;text-align:center;animation:hf-scaleIn .6s both;position:relative}.nf-floating-glass .nf-deco{position:absolute;top:-30px;right:-20px;opacity:.12;pointer-events:none}.nf-floating-glass .nf-deco circle{animation:hf-fadeInUp 1s both}.nf-floating-glass .nf-deco circle:nth-child(2){animation-delay:.1s}.nf-floating-glass .nf-deco circle:nth-child(3){animation-delay:.2s}.nf-floating-glass .nf-deco circle:nth-child(4){animation-delay:.3s}.nf-floating-glass .nf-code{font-family:var(--font-display);font-size:80px;font-weight:900;line-height:1;margin:0 0 16px}.nf-floating-glass .nf-title{font-family:var(--font-display);font-size:24px;font-weight:700;margin:0 0 12px}.nf-floating-glass .nf-desc{font-size:15px;color:var(--text-secondary);line-height:1.6;max-width:400px;margin:0 auto 32px}.nf-floating-glass .nf-search{margin:0 auto 24px}.nf-floating-glass .nf-chips{margin-bottom:28px}.nf-floating-glass .nf-actions{display:flex;gap:12px;justify-content:center}.nf-interactive-tags .nf-accent-bar{height:4px;background:var(--primary-gradient)}.nf-interactive-tags .nf-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:48px 24px;text-align:center}.nf-interactive-tags .nf-slug-chip{display:inline-block;padding:6px 20px;border-radius:var(--radius-full);font-size:15px;font-weight:600;color:var(--text-muted);text-decoration:line-through;margin-bottom:12px;animation:hf-fadeInUp .5s both}.nf-interactive-tags .nf-title{font-family:var(--font-display);font-size:26px;font-weight:800;margin:0 0 32px;animation:hf-fadeInUp .5s .1s both}.nf-interactive-tags .nf-cloud{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:600px;margin:0 auto 40px}.nf-interactive-tags .nf-cloud .nf-chip{animation:hf-fadeInUp .4s both}.nf-interactive-tags .nf-cloud .nf-chip:nth-child(1){animation-delay:.15s}.nf-interactive-tags .nf-cloud .nf-chip:nth-child(2){animation-delay:.2s}.nf-interactive-tags .nf-cloud .nf-chip:nth-child(3){animation-delay:.25s}.nf-interactive-tags .nf-cloud .nf-chip:nth-child(4){animation-delay:.3s}.nf-interactive-tags .nf-cloud .nf-chip:nth-child(5){animation-delay:.35s}.nf-interactive-tags .nf-cloud .nf-chip:nth-child(6){animation-delay:.4s}.nf-interactive-tags .nf-cloud .nf-chip:nth-child(7){animation-delay:.45s}.nf-interactive-tags .nf-cloud .nf-chip:nth-child(8){animation-delay:.5s}.nf-interactive-tags .nf-cloud .nf-chip:nth-child(9){animation-delay:.55s}.nf-interactive-tags .nf-cloud .nf-chip:nth-child(10){animation-delay:.6s}.nf-full-bleed{background:linear-gradient(160deg,var(--bg-soft) 0%,var(--bg-lavender) 50%,var(--bg-soft) 100%)}.nf-full-bleed .nf-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;gap:28px}.nf-full-bleed .nf-deco{animation:hf-float 4s ease-in-out infinite}.nf-full-bleed .nf-card{padding:44px 40px;max-width:520px;width:100%;text-align:center;animation:hf-scaleIn .6s both}.nf-full-bleed .nf-title{font-family:var(--font-display);font-size:24px;font-weight:800;margin:0 0 10px}.nf-full-bleed .nf-desc{font-size:15px;color:var(--text-secondary);margin:0 0 24px;line-height:1.6}.nf-full-bleed .nf-search{margin:0 auto 4px}.nf-full-bleed .nf-pills-section{text-align:center;max-width:520px;animation:hf-fadeInUp .6s .2s both}.nf-full-bleed .nf-pills-label{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin:0 0 12px}@media(max-width:640px){.nf-floating-glass .nf-card{padding:36px 24px}.nf-floating-glass .nf-code{font-size:60px}.nf-full-bleed .nf-card{padding:28px 20px}.nf-floating-glass .nf-actions,.nf-full-bleed .nf-main{gap:20px}.nf-floating-glass .nf-actions{flex-direction:column;align-items:center}}