@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";
*{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}.nf-body{background:#f6f6f6}.nf-page{background:#f6f6f6;justify-content:center;align-items:center;min-height:100vh;padding:60px 16px;display:flex;position:relative;overflow:hidden}.nf-blob1,.nf-blob2{filter:blur(90px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.nf-blob1{background:#1477f71a;width:500px;height:500px;animation:8s ease-in-out infinite alternate blobDrift;top:-120px;right:-100px}.nf-blob2{background:#1477f712;width:350px;height:350px;animation:10s ease-in-out infinite alternate-reverse blobDrift;bottom:-80px;left:-80px}@keyframes blobDrift{0%{transform:translate(0)scale(1)}to{transform:translate(40px,30px)scale(1.1)}}.nf-scan-beam{z-index:1;pointer-events:none;background:linear-gradient(90deg,#0000,#1477f780,#0000);width:100%;height:2px;animation:4s linear infinite scanMove;position:absolute;left:0}@keyframes scanMove{0%{opacity:0;top:-2px}5%{opacity:1}95%{opacity:1}to{opacity:0;top:100%}}.nf-dots{z-index:0;opacity:0;grid-template-columns:repeat(5,1fr);gap:10px;animation:1s 1.3s forwards fadeUp;display:grid;position:absolute}.nf-dots-tl{top:40px;left:40px}.nf-dots-br{bottom:40px;right:40px}.nf-dot{opacity:.25;background:#1477f7;border-radius:50%;width:4px;height:4px;display:block}@media (max-width:768px){.nf-dots{display:none}}.nf-content{z-index:2;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.nf-glitch-wrap{margin-bottom:8px;line-height:1;display:inline-block;position:relative}.nf-glitch{color:#1a1a1a;letter-spacing:-4px;-webkit-user-select:none;user-select:none;font-family:Bebas Neue,sans-serif;font-size:260px;font-weight:400;line-height:1;display:block;position:relative}.nf-glitch:before{content:attr(data-text);color:#ff3b3b;clip-path:inset(0 0 60%);opacity:.7;animation:3.5s infinite glitchTop;position:absolute;inset:0}.nf-glitch:after{content:attr(data-text);color:#1477f7;clip-path:inset(40% 0 0);opacity:.7;animation:3.5s infinite glitchBottom;position:absolute;inset:0}@keyframes glitchTop{0%,90%,to{clip-path:inset(0 0 60%);opacity:0;transform:translate(0)}92%{opacity:.7;transform:translate(-6px,-2px)}94%{opacity:.5;clip-path:inset(10% 0 50%);transform:translate(5px)}96%{opacity:.7;transform:translate(-4px,1px)}98%{opacity:0;transform:translate(0)}}@keyframes glitchBottom{0%,90%,to{clip-path:inset(40% 0 0);opacity:0;transform:translate(0)}93%{opacity:.7;transform:translate(6px,2px)}95%{opacity:.5;clip-path:inset(50% 0 10%);transform:translate(-5px)}97%{opacity:.7;transform:translate(3px,-1px)}99%{opacity:0;transform:translate(0)}}@media (max-width:768px){.nf-glitch{font-size:160px}}@media (max-width:480px){.nf-glitch{letter-spacing:-2px;font-size:110px}}.nf-bar{background:linear-gradient(90deg,#0d5ecc,#1477f7,#42a5f5);border-radius:2px;width:0;height:4px;margin-bottom:36px;animation:1s cubic-bezier(.77,0,.18,1) .3s forwards barExpand}@keyframes barExpand{to{width:100%}}.nf-title{letter-spacing:6px;text-transform:uppercase;color:#333;opacity:0;margin-bottom:16px;font-family:Bebas Neue,sans-serif;font-size:42px;font-weight:400;animation:.7s .6s forwards fadeUp;transform:translateY(20px)}@media (max-width:768px){.nf-title{letter-spacing:3px;font-size:28px}}@media (max-width:480px){.nf-title{letter-spacing:2px;font-size:22px}}.nf-subtitle{color:#555;opacity:0;max-width:420px;margin-bottom:48px;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:400;line-height:1.6;animation:.7s .85s forwards fadeUp;transform:translateY(20px)}@media (max-width:480px){.nf-subtitle{font-size:14px}}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.nf-btn{color:#fff;letter-spacing:3px;opacity:0;background:#1477f7;border-radius:6px;align-items:center;gap:10px;padding:16px 40px;font-family:Bebas Neue,sans-serif;font-size:20px;transition:background .3s;animation:.7s 1.1s forwards fadeUp;display:inline-flex;position:relative;overflow:hidden;transform:translateY(20px)}.nf-btn:before{content:"";background:linear-gradient(120deg,#0000 30%,#fff3 50%,#0000 70%);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.nf-btn:hover:before{transform:translate(100%)}.nf-btn:hover{background:#0d5ecc}.nf-arrow{transition:transform .3s;display:inline-block}.nf-btn:hover .nf-arrow{transform:translate(4px)}@media (max-width:480px){.nf-btn{padding:14px 28px;font-size:16px}}