:root{--nf-g1:#1a4d2e;--nf-g2:#2d7a45;--nf-g3:#3fa85e}.wm-404 *,.wm-404 :before,.wm-404 :after{box-sizing:border-box;margin:0;padding:0}.wm-404{background:radial-gradient(at 60% 40%,#d8f0e2 0%,#edf7f1 60%);justify-content:center;align-items:center;min-height:100dvh;font-family:DM Sans,sans-serif;display:flex;overflow:hidden}.wm-404 .nf-card{background:#fff;border-radius:30px;width:900px;height:500px;animation:.9s cubic-bezier(.22,1,.36,1) both nfCardIn;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 100px #1e503226,0 8px 24px #0000000f}@keyframes nfCardIn{0%{opacity:0;transform:translateY(22px)scale(.97)}to{opacity:1;transform:none}}.wm-404 .nf-content{z-index:10;background:#fff;flex-direction:column;order:1;justify-content:center;width:510px;height:100%;padding:52px 52px 52px 56px;display:flex;position:relative}.wm-404 .nf-leaf-panel{background:linear-gradient(145deg,#1e5c35 0%,#2d7a45 45%,#3fa85e 100%);flex:1;order:2;position:relative;overflow:hidden}.wm-404 .nf-leaf-panel:before{content:"";background:radial-gradient(at 30% 20%,#60cc7a59 0%,#0000 65%);position:absolute;inset:0}.wm-404 .nf-leaf-svg{pointer-events:none;width:310px;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-48%)}.wm-404 .nf-watermark{opacity:.3;pointer-events:none;justify-content:center;align-items:center;gap:7px;display:flex;position:absolute;bottom:22px;left:0;right:0}.wm-404 .nf-watermark span{color:#fff;letter-spacing:.04em;font-family:Cormorant Garamond,serif;font-size:.88rem;font-weight:700}.wm-404 #nfLeafGroup{transform-origin:155px 72px;animation:8s ease-in-out infinite nfWind;transform:rotate(-28deg)translate(-40px,-30px)}@keyframes nfWind{0%,to{transform:rotate(-28deg)translate(-40px,-30px)}25%{transform:rotate(-26.5deg)translate(-37px,-27px)skew(.4deg)}50%{transform:rotate(-29.5deg)translate(-43px,-33px)skew(-.4deg)}75%{transform:rotate(-27deg)translate(-38px,-28px)skew(.2deg)}}.wm-404 #nfLeafSheen{animation:5.5s ease-in-out infinite nfSheen}@keyframes nfSheen{0%,to{opacity:0;transform:translate(-140px)}28%{opacity:1;transform:translate(20px)}55%{opacity:.5;transform:translate(160px)}75%{opacity:0;transform:translate(280px)}}.wm-404 .nf-vm{stroke-dasharray:650;stroke-dashoffset:650px;animation:2s forwards nfDv}.wm-404 .nf-vp{stroke-dasharray:220;stroke-dashoffset:220px;animation:1.3s forwards nfDv}@keyframes nfDv{to{stroke-dashoffset:0}}.wm-404 .nfd0{animation-delay:.3s}.wm-404 .nfd1{animation-delay:.5s}.wm-404 .nfd2{animation-delay:.65s}.wm-404 .nfd3{animation-delay:.75s}.wm-404 .nfd4{animation-delay:.85s}.wm-404 .nfd5{animation-delay:.95s}.wm-404 .nfd6{animation-delay:1.05s}.wm-404 .nfd7{animation-delay:1.12s}.wm-404 .nf-brand{align-items:center;gap:8px;width:fit-content;margin-bottom:34px;text-decoration:none;transition:opacity .2s;display:flex}.wm-404 .nf-brand:hover{opacity:.75}.wm-404 .nf-brand-icon{border-radius:8px;flex-shrink:0;width:30px;height:30px;position:relative;overflow:hidden}.wm-404 .nf-brand-icon img{object-fit:contain}.wm-404 .nf-brand-name{color:var(--nf-g1);letter-spacing:.02em;font-family:Cormorant Garamond,serif;font-size:1.05rem;font-weight:700}.wm-404 .nf-num{background:linear-gradient(135deg, var(--nf-g1) 0%, var(--nf-g3) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Cormorant Garamond,serif;font-size:7rem;font-weight:700;line-height:1;animation:.7s cubic-bezier(.22,1,.36,1) .1s both nfFadeUp}@keyframes nfFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.wm-404 .nf-bar{background:linear-gradient(90deg, var(--nf-g3), transparent);border-radius:2px;width:44px;height:3px;margin:12px 0 16px;animation:.7s cubic-bezier(.22,1,.36,1) .18s both nfFadeUp}.wm-404 .nf-title{color:var(--nf-g1);margin-bottom:8px;font-family:Cormorant Garamond,serif;font-size:1.75rem;font-weight:700;line-height:1.2;animation:.7s cubic-bezier(.22,1,.36,1) .24s both nfFadeUp}.wm-404 .nf-sub{color:#7a9e87;margin-bottom:28px;font-size:.82rem;font-weight:300;line-height:1.65;animation:.7s cubic-bezier(.22,1,.36,1) .3s both nfFadeUp}.wm-404 .nf-btn{background:linear-gradient(135deg, var(--nf-g1) 0%, var(--nf-g3) 100%);color:#fff;border-radius:10px;align-items:center;gap:8px;width:fit-content;padding:11px 22px;font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:500;text-decoration:none;transition:transform .15s,box-shadow .2s;animation:.7s cubic-bezier(.22,1,.36,1) .36s both nfFadeUp;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 6px 22px #1e503247}.wm-404 .nf-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #1e50325c}.wm-404 .nf-btn svg{flex-shrink:0;width:15px;height:15px}.wm-404 .nf-btn:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff2e 0%,#0000 60%);position:absolute;inset:0}.wm-404 .nf-links{color:#7a9e87;margin-top:12px;font-size:.78rem;animation:.7s cubic-bezier(.22,1,.36,1) .42s both nfFadeUp}.wm-404 .nf-links a{color:var(--nf-g2);font-weight:500;text-decoration:none;transition:color .2s}.wm-404 .nf-links a:hover{color:var(--nf-g1)}.wm-404 .nf-leaf-mobile{display:none}@media (prefers-reduced-motion:reduce){.wm-404 .nf-card,.wm-404 .nf-num,.wm-404 .nf-bar,.wm-404 .nf-title,.wm-404 .nf-sub,.wm-404 .nf-btn,.wm-404 .nf-links,.wm-404 #nfLeafGroup,.wm-404 #nfLeafSheen,.wm-404 .nf-vm,.wm-404 .nf-vp{animation:none}}@media (max-width:768px){.wm-404{align-items:stretch;padding:0}.wm-404 .nf-card{width:100%;height:100vh;box-shadow:none;background:radial-gradient(at 40% 35%,#b8dfc8 0%,#d4eedd 55%,#e8f5ee 100%);border-radius:0;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.wm-404 .nf-leaf-panel{display:none}.wm-404 .nf-leaf-mobile{opacity:.28;pointer-events:none;z-index:1;width:55vw;height:auto;display:block;position:absolute;top:-30px;right:-70px}.wm-404 .nf-brand{top:calc(env(safe-area-inset-top,0px) + 20px);z-index:10;margin-bottom:0;position:absolute;left:22px}.wm-404 .nf-brand-name{color:var(--nf-g1)}.wm-404 .nf-content{z-index:5;text-align:center;background:0 0;flex:none;align-items:center;width:100%;height:auto;padding:0 32px;position:relative}.wm-404 .nf-num{font-size:6rem}.wm-404 .nf-title{font-size:1.55rem}.wm-404 .nf-sub{color:#3a6e4e}.wm-404 .nf-bar{margin:12px auto 16px}.wm-404 .nf-links{color:#4a7a5e}.wm-404 .nf-links a{color:var(--nf-g1)}}@media (max-width:400px){.wm-404 .nf-content{padding:0 24px}.wm-404 .nf-num{font-size:5rem}.wm-404 .nf-title{font-size:1.35rem}}
