@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+Bengali:wght@300;400;500;600;700&display=swap";:root{--primary:#0f766e;--primary-light:#14b8a6;--primary-dark:#0d5e57;--primary-glow:#0f766e40;--accent:#f59e0b;--accent-light:#fcd34d;--danger:#ef4444;--success:#22c55e;--warning:#f97316;--info:#3b82f6;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 8px 40px #00000080;--bottom-nav-height:64px;--top-bar-height:60px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}[data-theme=dark],:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-card:#1e293b;--bg-card-2:#162032;--bg-input:#0f172a;--bg-modal:#1e293b;--bg-overlay:#000000b3;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#ffffff14;--border-active:#14b8a680;--glass:#1e293bcc;--glass-border:#ffffff1a}[data-theme=light]{--bg-primary:#f0fdf9;--bg-secondary:#fff;--bg-card:#fff;--bg-card-2:#f1faf7;--bg-input:#f8fffe;--bg-modal:#fff;--bg-overlay:#00000080;--text-primary:#0a1628;--text-secondary:#1e3a5f;--text-muted:#4a6080;--border:#0000001f;--border-active:#0f766e99;--glass:#fffffff2;--glass-border:#0000001f;--shadow-sm:0 2px 8px #0000001a;--shadow-md:0 4px 20px #00000021;--primary-glow:#0f766e2e}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto;-webkit-text-size-adjust:100%;background:var(--bg-primary);height:100%}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overscroll-behavior-y:contain;-webkit-tap-highlight-color:transparent;min-height:-webkit-fill-available;font-family:Inter,Noto Sans Bengali,sans-serif;line-height:1.5;transition:background .3s,color .3s;overflow-x:hidden}#root{width:100%;min-height:100vh;flex-direction:column;min-height:-webkit-fill-available;display:flex}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}h1{font-size:1.75rem}h2{font-size:1.4rem}h3{font-size:1.15rem}p{color:var(--text-secondary)}a{color:var(--primary-light);text-decoration:none}.app-container{flex-direction:column;width:100%;max-width:480px;min-height:100dvh;margin:0 auto;display:flex;position:relative}.page{padding:calc(var(--top-bar-height) + var(--safe-top) + 16px) 16px calc(var(--bottom-nav-height) + var(--safe-bottom) + 24px);flex:1;min-height:100dvh}.page-no-nav{padding:calc(var(--safe-top) + 12px) 0 calc(var(--safe-bottom) + 12px);min-height:100dvh}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:12px;padding:16px;transition:transform .16s,box-shadow .16s}.card:active{transform:scale(.98)}.card-glass{background:var(--glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.hero-card{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);border-radius:var(--radius-xl);box-shadow:var(--shadow-md), 0 0 40px var(--primary-glow);padding:24px;position:relative;overflow:hidden;color:#fff!important}.hero-card p,.hero-card span,.hero-card div{color:#fff!important}.hero-card p{opacity:.9!important}.hero-card:before{content:"";background:#ffffff14;border-radius:50%;width:150px;height:150px;position:absolute;top:-40px;right:-40px}.hero-card:after{content:"";background:#ffffff0d;border-radius:50%;width:200px;height:200px;position:absolute;bottom:-60px;left:-20px}.summary-row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.summary-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;padding:14px}.summary-card .label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:6px;font-size:.7rem;font-weight:500}.summary-card .value{font-size:1.1rem;font-weight:700}.summary-card.income .value{color:var(--success)}.summary-card.expense .value{color:var(--danger)}.summary-card.remit .value{color:var(--accent)}.summary-card.balance .value{color:var(--primary-light)}.top-bar{width:100%;max-width:480px;height:calc(var(--top-bar-height) + var(--safe-top));padding:var(--safe-top) 16px 0;background:var(--bg-secondary);border-bottom:1px solid var(--border);z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.top-bar .logo{align-items:center;gap:8px;display:flex}.top-bar .logo span{color:var(--text-primary);font-size:1rem;font-weight:700}.brand-select-wrap{align-items:center;min-width:116px;display:inline-flex;position:relative}.brand-select{opacity:0;cursor:pointer;position:absolute;inset:0}.brand-select-label{color:var(--text-primary);padding-right:18px;font-size:.98rem;font-weight:700}.brand-select-icon{color:var(--text-muted);pointer-events:none;position:absolute;right:0}.top-bar-actions{align-items:center;gap:8px;display:flex}.bottom-nav{width:100%;max-width:480px;height:calc(var(--bottom-nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--bg-secondary);border-top:1px solid var(--border);z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:space-around;align-items:center;padding-left:8px;padding-right:8px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{border-radius:var(--radius-md);cursor:pointer;color:var(--text-muted);background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;min-width:52px;padding:8px 12px;text-decoration:none;transition:all .2s;display:flex}.nav-item.active{color:var(--primary-light);background:var(--primary-glow)}.nav-item svg{width:22px;height:22px}.nav-item span{font-size:.65rem;font-weight:500}.fab{bottom:calc(var(--bottom-nav-height) + var(--safe-bottom) + 16px);background:linear-gradient(135deg, var(--primary-light), var(--primary));cursor:pointer;color:#fff;width:52px;height:52px;box-shadow:var(--shadow-md), 0 0 20px var(--primary-glow);z-index:99;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;right:50%;transform:translate(calc(50% - 176px))}.fab:active{transform:translate(calc(50% - 176px))scale(.9)}.fab svg{width:24px;height:24px}.form-group{margin-bottom:14px}.form-label{color:var(--text-secondary);margin-bottom:6px;font-size:.8rem;font-weight:500;display:block}.form-input,.form-select,.form-textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);appearance:none;padding:12px 14px;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.form-textarea{resize:vertical;min-height:80px}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--primary-light), var(--primary));color:#fff;box-shadow:0 4px 14px var(--primary-glow)}.btn-primary:hover{box-shadow:0 6px 20px var(--primary-glow)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn-danger{color:var(--danger);background:#ef444426;border:1px solid #ef44444d}.btn-ghost{color:var(--text-secondary);background:0 0;padding:8px}.btn-sm{padding:8px 14px;font-size:.85rem}.btn-full{width:100%}.btn-icon{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.btn-icon:hover{color:var(--primary-light)}.transaction-item{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 0;display:flex}.transaction-item:last-child{border-bottom:none}.tx-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.2rem;display:flex}.tx-info{flex:1;min-width:0}.tx-info .tx-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:500;overflow:hidden}.tx-info .tx-date{color:var(--text-muted);margin-top:2px;font-size:.75rem}.tx-amount{text-align:right;flex-shrink:0;font-size:.95rem;font-weight:700}.modal-overlay{background:var(--bg-overlay);z-index:200;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-sheet{background:var(--bg-modal);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:20px 20px calc(20px + var(--safe-bottom));width:100%;max-width:480px;max-height:min(90vh, calc(100dvh - var(--safe-top) - 12px));-webkit-overflow-scrolling:touch;box-shadow:var(--shadow-lg);animation:.3s slideUp;overflow-y:auto}.modal-handle{background:var(--border);border-radius:var(--radius-full);width:40px;height:4px;margin:0 auto 20px}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.badge-success{color:var(--success);background:#22c55e26}.badge-danger{color:var(--danger);background:#ef444426}.badge-warning{color:var(--accent);background:#f59e0b26}.badge-info{color:var(--info);background:#3b82f626}.badge-primary{background:var(--primary-glow);color:var(--primary-light)}.category-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.category-btn{border-radius:var(--radius-md);background:var(--bg-input);cursor:pointer;border:2px solid #0000;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;font-family:inherit;transition:all .2s;display:flex}.category-btn .cat-icon{font-size:1.4rem}.category-btn .cat-name{color:var(--text-secondary);text-align:center;font-size:.65rem;font-weight:500}.category-btn.selected{border-color:var(--primary-light);background:var(--primary-glow)}.install-banner{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);border-radius:var(--radius-lg);color:#fff;box-shadow:var(--shadow-md), 0 0 20px var(--primary-glow);align-items:center;gap:12px;margin-bottom:16px;padding:16px;display:flex}.install-banner-text{flex:1}.install-banner-text strong{font-size:.95rem;display:block}.install-banner-text p{opacity:.85;margin-top:2px;font-size:.78rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-title{color:var(--text-primary);font-size:1rem;font-weight:600}.auth-page{min-height:100dvh;padding:calc(var(--safe-top) + 24px) 20px calc(var(--safe-bottom) + 24px);background:var(--bg-primary);flex-direction:column;display:flex}.auth-logo{align-items:center;gap:10px;margin-bottom:32px;display:flex}.auth-logo-icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary-light), var(--primary));color:#fff;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.auth-form{flex:1}.auth-title{margin-bottom:6px;font-size:1.6rem;font-weight:700}.auth-subtitle{color:var(--text-secondary);margin-bottom:28px;font-size:.9rem}.empty-state{text-align:center;color:var(--text-muted);padding:40px 20px}.empty-state .empty-icon{margin-bottom:12px;font-size:3rem}.empty-state p{font-size:.9rem}.toast{top:calc(var(--top-bar-height) + 12px);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);z-index:300;box-shadow:var(--shadow-md);align-items:center;gap:8px;width:90%;max-width:340px;padding:10px 16px;font-size:.85rem;animation:.3s slideDown,.3s 2.7s forwards fadeOut;display:flex;position:fixed;left:50%;transform:translate(-50%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes fadeOut{to{opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes coin-flip{0%{transform:rotateY(0)}50%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}.animate-pulse{animation:1.5s infinite pulse}.animate-spin,.spin-soft{animation:1s linear infinite spin}.skeleton{background:linear-gradient(90deg, var(--border) 25%, var(--bg-card-2) 50%, var(--border) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.plan-card{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;margin-bottom:12px;padding:20px;transition:all .2s}.plan-card.recommended{border-color:var(--primary-light);box-shadow:0 0 20px var(--primary-glow)}.plan-card .plan-badge{background:var(--primary-light);color:#fff;border-radius:var(--radius-full);margin-bottom:8px;padding:3px 10px;font-size:.65rem;font-weight:700;display:inline-block}.plan-card .plan-price{color:var(--primary-light);font-size:2rem;font-weight:800}.plan-card .plan-period{color:var(--text-muted);font-size:.85rem}.quick-actions{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px;display:grid}.quick-action{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;text-decoration:none;transition:all .2s;display:flex}.quick-action:active{transform:scale(.95)}.quick-action .qa-icon{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex}.quick-action .qa-label{color:var(--text-secondary);text-align:center;font-size:.65rem;font-weight:500;line-height:1.2}.rate-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;contain:content;gap:10px;margin-bottom:16px;padding-bottom:6px;display:flex;overflow-x:auto}.rate-scroll::-webkit-scrollbar{display:none}.rate-pill{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;display:flex}.rate-pill .flag{font-size:1rem}.rate-pill .cur{color:var(--text-primary);font-weight:600}.rate-pill .rate{color:var(--accent);font-weight:700}.progress-bar{background:var(--border);border-radius:var(--radius-full);height:8px;overflow:hidden}.progress-fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--primary-light), var(--primary));height:100%;transition:width .25s}img{max-width:100%;display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.divider{background:var(--border);height:1px;margin:16px 0}.divider-text{text-align:center;color:var(--text-muted);margin:16px 0;font-size:.8rem;position:relative}.divider-text:before,.divider-text:after{content:"";background:var(--border);width:calc(50% - 24px);height:1px;position:absolute;top:50%}.divider-text:before{left:0}.divider-text:after{right:0}.tab-bar{background:var(--bg-input);border-radius:var(--radius-md);gap:4px;margin-bottom:16px;padding:4px;display:flex}.tab-btn{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:1;padding:8px;font-family:inherit;font-size:.82rem;font-weight:500;transition:all .2s}.tab-btn.active{background:var(--bg-card);color:var(--primary-light);box-shadow:var(--shadow-sm)}.chart-container{contain:layout paint;height:200px;margin-bottom:8px;position:relative}.support-fab{right:16px;bottom:calc(var(--bottom-nav-height) + var(--safe-bottom) + 20px);z-index:120;color:#fff;background:#25d366;border-radius:999px;align-items:center;gap:8px;padding:12px 14px;font-weight:700;display:inline-flex;position:fixed;box-shadow:0 8px 24px #25d36647}.support-fab span{color:#fff;font-size:.85rem}.avatar{background:linear-gradient(135deg, var(--primary-light), var(--primary));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1rem;font-weight:700;display:flex}.avatar-lg{width:80px;height:80px;font-size:2rem}@media (width>=480px){.app-container,.top-bar,.bottom-nav{max-width:480px}}@media (width>=768px){.app-container,.top-bar,.bottom-nav{max-width:720px}.fab{transform:translate(calc(50% - 296px))}.fab:active{transform:translate(calc(50% - 296px))scale(.9)}.summary-row,.category-grid,.quick-actions{grid-template-columns:repeat(4,1fr)}.settings-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.edit-profile-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.edit-profile-grid .form-group{margin-bottom:0}.support-fab{right:24px}}.sidebar{display:none}.main-wrapper{flex-direction:column;flex:1;height:100%;min-height:0;display:flex;position:relative}@media (width>=1024px){body{background:var(--bg-primary);justify-content:center;display:flex}.app-container{border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--bg-secondary);width:100%;max-width:1200px;box-shadow:var(--shadow-xl,0 20px 60px #0006);flex-direction:row;height:calc(100vh - 80px);min-height:calc(100vh - 80px);margin:40px auto;display:flex;position:relative;overflow:hidden}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:260px;padding:24px 0;display:flex}.sidebar-header{align-items:center;gap:12px;padding:0 24px 32px;display:flex}.sidebar-nav{flex-direction:column;gap:8px;padding:0 16px;display:flex}.sidebar-item{border-radius:var(--radius-lg);color:var(--text-secondary);align-items:center;gap:16px;padding:14px 16px;font-weight:500;transition:all .2s;display:flex}.sidebar-item:hover{color:var(--primary-light);background:#1ed7600d}.sidebar-item.active{background:var(--primary-glow);color:var(--primary-light);border:1px solid var(--border)}.main-wrapper{min-height:0;overflow:hidden}.page{background:var(--bg-secondary);min-height:0;padding-bottom:24px;padding-top:calc(var(--top-bar-height) + var(--safe-top) + 16px);flex:1;overflow-y:auto}.top-bar{border-radius:0 var(--radius-xl) 0 0;border-bottom:1px solid var(--border);max-width:none;position:absolute;top:0;left:0;right:0;transform:none}.bottom-nav{display:none}.support-fab{position:absolute;bottom:24px;right:24px}.fab{right:24px;bottom:calc(var(--bottom-nav-height) + 24px);position:absolute;left:auto;transform:none}.fab:active{transform:scale(.9)}.category-grid{grid-template-columns:repeat(6,1fr)}.toast{position:absolute}.modal-overlay{border-radius:var(--radius-xl);position:absolute}}@media (width<=767px){.top-bar,.bottom-nav,.card-glass{-webkit-backdrop-filter:none}.hero-card,.install-banner{box-shadow:var(--shadow-sm)}}@supports (padding-bottom:env(safe-area-inset-bottom)){.bottom-nav{padding-bottom:env(safe-area-inset-bottom);height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom))}}@supports (padding-top:env(safe-area-inset-top)){.top-bar{padding-top:env(safe-area-inset-top)}.page{padding-top:calc(var(--top-bar-height) + env(safe-area-inset-top) + 16px)}.page-no-nav,.auth-page{padding-top:calc(env(safe-area-inset-top) + 24px)}.modal-sheet{max-height:min(90vh, calc(100dvh - env(safe-area-inset-top) - 12px))}}.nf-container{--clr-green:#12b886;--clr-green-dark:#0f976e;--clr-green-darker:#0b7153;--clr-green-darkest:#074c38;--linear-bounce:linear(0 0%,0 2.27%,.02 4.53%,.04 6.8%,.06 9.07%,.1 11.33%,.14 13.6%,.25 18.15%,.39 22.7%,.56 27.25%,.77 31.8%,1 36.35%,.89 40.9%,.85 43.18%,.81 45.45%,.79 47.72%,.77 50%,.75 52.27%,.75 54.55%,.75 56.82%,.77 59.1%,.79 61.38%,.81 63.65%,.85 65.93%,.89 68.2%,1 72.7%,.97 74.98%,.95 77.25%,.94 79.53%,.94 81.8%,.94 84.08%,.95 86.35%,.97 88.63%,1 90.9%,.99 93.18%,.98 95.45%,.99 97.73%,1 100%);--lad:.25s;--ladl:50ms;--mad:.5s;--mrt:.75s;--bld:1s;--ald:2s;--ltod:calc(calc(var(--ladl)*117) + calc(var(--mrt)*5) + calc(var(--mad)*5) + var(--bld));--ghsd:calc(calc(var(--ladl)*145) + calc(var(--mrt)*6) + calc(var(--mad)*6) + var(--ald));--last-dlt:calc(calc(var(--ladl)*183) + calc(var(--mrt)*6) + calc(var(--mad)*6) + var(--ald));--last-dance:calc(var(--last-dlt) + calc(var(--ladl)*25) + var(--mrt) + var(--ald));--end:calc(var(--last-dance) + var(--mad));box-sizing:border-box;background-color:#000;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;font-family:Verdana,Geneva,Tahoma,sans-serif;display:flex;position:relative;overflow:hidden}.nf-grid{z-index:2;width:50%;height:50%;position:absolute}.nf-gr-1{top:0;right:0}.nf-gr-2{top:0;left:0}.nf-gr-3{bottom:0;left:0}.nf-gr-4{bottom:0;right:0}.nf-container:has(.nf-gr-1:hover) .nf-not-found-message{transform:rotateX(10deg)rotateY(10deg)}.nf-container:has(.nf-gr-2:hover) .nf-not-found-message{transform:rotateX(10deg)rotateY(-10deg)}.nf-container:has(.nf-gr-3:hover) .nf-not-found-message{transform:rotateX(-10deg)rotateY(-10deg)}.nf-container:has(.nf-gr-4:hover) .nf-not-found-message{transform:rotateX(-10deg)rotateY(10deg)}.nf-light{--light-w:300px;--max-shadow-spread:120px;width:var(--light-w);background-color:var(--clr-green);height:3px;box-shadow:0 0 50px 1px var(--clr-green), 0 0 var(--max-shadow-spread) 20px var(--clr-green), 0 0 25px 5px var(--clr-green) inset;opacity:0;animation:nf-turn-on-light 10s infinite both, nf-stay-off var(--ltod) backwards;animation-delay:var(--ltod), 0s;z-index:1;border-radius:3px;position:absolute;bottom:1rem;right:50%;transform:translate(50%,50%)}.nf-light:after{content:"";z-index:0;background-color:#000;width:110%;height:600%;position:absolute;bottom:0;left:50%;transform:translate(-50%,100%)}.nf-blocker{width:calc(var(--max-shadow-spread) + 50px);z-index:-5;background-color:#000;height:14rem;position:absolute;bottom:0}.nf-blocker:first-child{clip-path:polygon(0 0,0 100%,100% 100%,100% calc(100% - 1rem - 3px),0 0);left:0;transform:translate(-100%,calc(3px + 1rem))}.nf-blocker:nth-child(2){clip-path:polygon(100% 0,100% 100%,0 100%,0 calc(100% - 1rem - 3px),100% 0);right:0;transform:translate(100%,calc(3px + 1rem))}.nf-messages{perspective:1200px;width:100%;transform-style:preserve-3d;z-index:3;justify-content:center;align-items:center;height:300px;display:flex;position:relative}.nf-message-simple{color:#fff;text-align:center;max-width:92%;text-shadow:0px 0px 12px var(--clr-green), 0px 0px 30px #12b88666;opacity:0;filter:blur(5px);font-size:1.85rem;font-weight:900;position:absolute;transform:translateY(10px)}.nf-message-simple.nf-phase-in{animation:.4s forwards nf-msg-in}.nf-message-simple.nf-phase-out{animation:.3s forwards nf-msg-out}@keyframes nf-msg-in{to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes nf-msg-out{to{opacity:0;filter:blur(12px);transform:translate(22px)}}.nf-light{opacity:0}.nf-light.nf-light-on{animation:.8s forwards nf-light-show,8s 1s infinite nf-turn-on-light}@keyframes nf-light-show{to{opacity:1}}.nf-btn-pop{animation:nf-go-home-show-up .6s var(--linear-bounce) both}.nf-not-found-message{--stroke-size:3px;--radius:10px;text-align:center;background-image:linear-gradient(to right, var(--clr-green), var(--clr-green-darkest), var(--clr-green-darkest), var(--clr-green-darkest), var(--clr-green));border-radius:var(--radius);width:80%;max-width:600px;animation:nf-move-border 3s linear infinite, nf-show-not-found .8s var(--linear-bounce) both;background-position:0%;background-size:200%;margin-inline:auto;padding-block:5rem;transition:transform .2s;position:relative}.nf-text{text-align:center;color:#fff;border:var(--clr-green) 1px solid;width:max-content;box-shadow:0px 0px 3px var(--clr-green) inset;z-index:2;white-space:nowrap;background-color:#111;border-radius:10px;padding:.5rem 1rem;font-size:1.5rem;transition:all .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nf-not-found-message:before{content:"";top:var(--stroke-size);left:var(--stroke-size);width:calc(100% - calc(var(--stroke-size)*2));height:calc(100% - calc(var(--stroke-size)*2));border-radius:var(--radius);z-index:1;background-color:#111;transition:all .2s;position:absolute}.nf-go-home{color:#fff;cursor:pointer;z-index:10;background:0 0;border:none;margin-top:1rem;padding:.5rem 1.5rem;font-family:cursive;font-size:1rem;font-weight:700;transition:all .2s;display:inline-block;position:relative;overflow:hidden}.nf-go-home:before{--stroke-size:1px;content:"";top:var(--stroke-size);left:var(--stroke-size);width:calc(100% - calc(var(--stroke-size)*2));height:calc(100% - calc(var(--stroke-size)*2));z-index:1;background-color:#111;position:absolute}.nf-btn-text{color:#fff;text-shadow:0 0 4px #fff;z-index:2;position:relative}.nf-go-home:hover{transform:scale(1.05)}.nf-glow{background-color:var(--clr-green);filter:blur(5px);z-index:-1;border-radius:50%;width:15px;height:15px;transition:all .4s;position:absolute}.nf-g1{animation:4s linear infinite both nf-g1-move;animation-delay:calc(var(--ghsd) + 1s);top:0;left:100%}.nf-g2{animation:4s linear infinite both nf-g2-move;animation-delay:calc(var(--ghsd) + 1s);top:0;left:0}.nf-g3{animation:4s linear infinite both nf-g3-move;animation-delay:calc(var(--ghsd) + 1s);top:100%;left:0}.nf-g4{animation:4s linear infinite both nf-g4-move;animation-delay:calc(var(--ghsd) + 1s);top:100%;left:100%}@keyframes nf-letter-come{to{filter:blur();opacity:1;transform:translate(0)}}@keyframes nf-sentence-go{0%{filter:blur();opacity:1;transform:translate(-50%,-50%)}to{filter:blur(18px);opacity:0;transform:translate(calc(30px - 50%),-50%)}}@keyframes nf-stay-off{0%{opacity:0}to{opacity:0}}@keyframes nf-move-border{0%{background-position:0%}to{background-position:200%}}@keyframes nf-show-not-found{0%{visibility:hidden;filter:blur(15px);transform-origin:top;transform:rotateX(-90deg)scale(.9)}1%{visibility:visible;filter:blur(15px);transform-origin:top;transform:rotateX(-90deg)scale(.9)}to{visibility:visible;filter:blur();transform-origin:top;transform:rotateX(0)scale(1)}}@keyframes nf-turn-on-light{0%{opacity:.2}1%{opacity:1}2%{opacity:.2}3%{opacity:1}60%{opacity:1}61%{opacity:.2}64%{opacity:.2}65%{opacity:1}99%{opacity:1}to{opacity:.2}}@keyframes nf-go-home-show-up{0%{opacity:0;visibility:hidden;transform:translateY(30px)}10%{opacity:1;visibility:visible;transform:translateY(30px)}to{opacity:1;visibility:visible;transform:translateY(0)}}@keyframes nf-g1-move{0%{top:0;left:100%}25%{top:0;left:0}50%{top:100%;left:0%}75%{top:100%;left:100%}to{top:0%;left:100%}}@keyframes nf-g2-move{0%{top:0;left:0}25%{top:100%;left:0}50%{top:100%;left:100%}75%{top:0%;left:100%}to{top:0%;left:0%}}@keyframes nf-g3-move{0%{top:100%;left:0}25%{top:100%;left:100%}50%{top:0;left:100%}75%{top:0;left:0%}to{top:100%;left:0%}}@keyframes nf-g4-move{0%{top:100%;left:100%}25%{top:0%;left:100%}50%{top:0;left:0%}75%{top:100%;left:0}to{top:100%;left:100%}}@media (width<=500px){.nf-message{font-size:1.5rem}}