*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.inset-0{inset:0}.bottom-1\/4{bottom:25%}.bottom-\[12\%\]{bottom:12%}.bottom-\[13\%\]{bottom:13%}.bottom-\[15\%\]{bottom:15%}.bottom-\[18\%\]{bottom:18%}.bottom-\[19\%\]{bottom:19%}.bottom-\[25\%\]{bottom:25%}.bottom-\[28\%\]{bottom:28%}.bottom-\[31\%\]{bottom:31%}.bottom-\[33\%\]{bottom:33%}.bottom-\[38\%\]{bottom:38%}.bottom-\[42\%\]{bottom:42%}.bottom-\[43\%\]{bottom:43%}.bottom-\[45\%\]{bottom:45%}.bottom-\[47\%\]{bottom:47%}.bottom-\[48\%\]{bottom:48%}.bottom-\[55\%\]{bottom:55%}.bottom-\[58\%\]{bottom:58%}.bottom-\[63\%\]{bottom:63%}.bottom-\[68\%\]{bottom:68%}.bottom-\[75\%\]{bottom:75%}.bottom-\[77\%\]{bottom:77%}.bottom-\[78\%\]{bottom:78%}.bottom-\[8\%\]{bottom:8%}.bottom-\[82\%\]{bottom:82%}.bottom-\[85\%\]{bottom:85%}.bottom-\[92\%\]{bottom:92%}.left-\[12\%\]{left:12%}.left-\[13\%\]{left:13%}.left-\[15\%\]{left:15%}.left-\[18\%\]{left:18%}.left-\[25\%\]{left:25%}.left-\[27\%\]{left:27%}.left-\[28\%\]{left:28%}.left-\[3\%\]{left:3%}.left-\[30\%\]{left:30%}.left-\[32\%\]{left:32%}.left-\[35\%\]{left:35%}.left-\[38\%\]{left:38%}.left-\[40\%\]{left:40%}.left-\[45\%\]{left:45%}.left-\[48\%\]{left:48%}.left-\[5\%\]{left:5%}.left-\[50\%\]{left:50%}.left-\[54\%\]{left:54%}.left-\[55\%\]{left:55%}.left-\[58\%\]{left:58%}.left-\[6\%\]{left:6%}.left-\[62\%\]{left:62%}.left-\[65\%\]{left:65%}.left-\[67\%\]{left:67%}.left-\[68\%\]{left:68%}.left-\[71\%\]{left:71%}.left-\[72\%\]{left:72%}.left-\[75\%\]{left:75%}.left-\[78\%\]{left:78%}.left-\[8\%\]{left:8%}.left-\[80\%\]{left:80%}.left-\[83\%\]{left:83%}.left-\[85\%\]{left:85%}.left-\[88\%\]{left:88%}.left-\[95\%\]{left:95%}.right-\[12\%\]{right:12%}.right-\[13\%\]{right:13%}.right-\[17\%\]{right:17%}.right-\[25\%\]{right:25%}.right-\[28\%\]{right:28%}.right-\[29\%\]{right:29%}.right-\[35\%\]{right:35%}.right-\[37\%\]{right:37%}.right-\[38\%\]{right:38%}.right-\[4\%\]{right:4%}.right-\[42\%\]{right:42%}.right-\[45\%\]{right:45%}.right-\[48\%\]{right:48%}.right-\[5\%\]{right:5%}.right-\[58\%\]{right:58%}.right-\[65\%\]{right:65%}.right-\[68\%\]{right:68%}.right-\[75\%\]{right:75%}.right-\[78\%\]{right:78%}.right-\[8\%\]{right:8%}.right-\[85\%\]{right:85%}.right-\[88\%\]{right:88%}.right-\[9\%\]{right:9%}.right-\[95\%\]{right:95%}.top-1\/2{top:50%}.top-1\/3{top:33.333333%}.top-1\/4{top:25%}.top-\[10\%\]{top:10%}.top-\[12\%\]{top:12%}.top-\[13\%\]{top:13%}.top-\[14\%\]{top:14%}.top-\[15\%\]{top:15%}.top-\[18\%\]{top:18%}.top-\[19\%\]{top:19%}.top-\[23\%\]{top:23%}.top-\[25\%\]{top:25%}.top-\[28\%\]{top:28%}.top-\[29\%\]{top:29%}.top-\[30\%\]{top:30%}.top-\[32\%\]{top:32%}.top-\[33\%\]{top:33%}.top-\[35\%\]{top:35%}.top-\[37\%\]{top:37%}.top-\[38\%\]{top:38%}.top-\[42\%\]{top:42%}.top-\[43\%\]{top:43%}.top-\[44\%\]{top:44%}.top-\[47\%\]{top:47%}.top-\[48\%\]{top:48%}.top-\[5\%\]{top:5%}.top-\[50\%\]{top:50%}.top-\[52\%\]{top:52%}.top-\[54\%\]{top:54%}.top-\[55\%\]{top:55%}.top-\[58\%\]{top:58%}.top-\[6\%\]{top:6%}.top-\[61\%\]{top:61%}.top-\[65\%\]{top:65%}.top-\[67\%\]{top:67%}.top-\[68\%\]{top:68%}.top-\[7\%\]{top:7%}.top-\[70\%\]{top:70%}.top-\[73\%\]{top:73%}.top-\[75\%\]{top:75%}.top-\[77\%\]{top:77%}.top-\[78\%\]{top:78%}.top-\[8\%\]{top:8%}.top-\[81\%\]{top:81%}.top-\[82\%\]{top:82%}.top-\[84\%\]{top:84%}.top-\[85\%\]{top:85%}.top-\[88\%\]{top:88%}.top-\[90\%\]{top:90%}.top-\[92\%\]{top:92%}.z-0{z-index:0}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-24{height:6rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-24{width:6rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:9999px}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.text-7xl{font-size:4.5rem;line-height:1}.text-8xl{font-size:6rem;line-height:1}.text-9xl{font-size:8rem;line-height:1}.font-bold{font-weight:700}.text-amber-400\/60{color:rgb(251 191 36/.6)}.text-amber-500\/70{color:rgb(245 158 11/.7)}.text-blue-300\/50{color:rgb(147 197 253/.5)}.text-blue-400\/60{color:rgb(96 165 250/.6)}.text-blue-500\/70{color:rgb(59 130 246/.7)}.text-blue-600\/70{color:rgb(37 99 235/.7)}.text-cyan-300\/45{color:rgb(103 232 249/.45)}.text-cyan-400\/60{color:rgb(34 211 238/.6)}.text-cyan-500\/70{color:rgb(6 182 212/.7)}.text-cyan-600\/65{color:rgb(8 145 178/.65)}.text-emerald-300\/50{color:rgb(110 231 183/.5)}.text-emerald-400\/60{color:rgb(52 211 153/.6)}.text-emerald-500\/65{color:rgb(16 185 129/.65)}.text-emerald-600\/70{color:rgb(5 150 105/.7)}.text-fuchsia-400\/60{color:rgb(232 121 249/.6)}.text-fuchsia-500\/70{color:rgb(217 70 239/.7)}.text-green-400\/60{color:rgb(74 222 128/.6)}.text-green-500\/75{color:rgb(34 197 94/.75)}.text-indigo-400\/60{color:rgb(129 140 248/.6)}.text-indigo-500\/70{color:rgb(99 102 241/.7)}.text-lime-400\/60{color:rgb(163 230 53/.6)}.text-lime-500\/55{color:rgb(132 204 22/.55)}.text-orange-300\/50{color:rgb(253 186 116/.5)}.text-orange-400\/60{color:rgb(251 146 60/.6)}.text-orange-500\/50{color:rgb(249 115 22/.5)}.text-orange-600\/70{color:rgb(234 88 12/.7)}.text-pink-300\/50{color:rgb(249 168 212/.5)}.text-pink-400\/60{color:rgb(244 114 182/.6)}.text-pink-500\/65{color:rgb(236 72 153/.65)}.text-pink-600\/70{color:rgb(219 39 119/.7)}.text-purple-300\/50{color:rgb(216 180 254/.5)}.text-purple-400\/60{color:rgb(192 132 252/.6)}.text-purple-500\/75{color:rgb(168 85 247/.75)}.text-purple-600\/70{color:rgb(147 51 234/.7)}.text-red-400\/60{color:rgb(248 113 113/.6)}.text-red-500\/65{color:rgb(239 68 68/.65)}.text-rose-400\/60{color:rgb(251 113 133/.6)}.text-rose-500\/65{color:rgb(244 63 94/.65)}.text-sky-400\/60{color:rgb(56 189 248/.6)}.text-sky-500\/60{color:rgb(14 165 233/.6)}.text-teal-400\/60{color:rgb(45 212 191/.6)}.text-teal-500\/75{color:rgb(20 184 166/.75)}.text-violet-400\/60{color:rgb(167 139 250/.6)}.text-violet-500\/60{color:rgb(139 92 246/.6)}.opacity-30{opacity:.3}.opacity-35{opacity:.35}.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--bg:#ffffff;--fg:#171717;--muted:#6b7280;--border:#e5e7eb;--card:rgba(255,255,255,0.82);--card-solid:#ffffff;--accent:#7c3aed;--accent-strong:#6d28d9;--accent-fg:#ffffff;--accent-soft:#ede9fe;--ring:#c4b5fd;--danger:#dc2626;--radius:14px;--max:820px;color-scheme:light}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6}body{position:relative;min-height:100vh}a{color:inherit}.site-footer,.site-header,main{position:relative;z-index:1}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f5f3ff}::-webkit-scrollbar-thumb{background:#c4b5fd;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#a78bfa}.site-header{display:flex;align-items:center;justify-content:space-between;max-width:var(--max);margin:0 auto;padding:22px 20px 10px}.brand{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:1.15rem;text-decoration:none;letter-spacing:-.01em}.brand-name{background:linear-gradient(90deg,#7c3aed,#4f46e5);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-dot{width:11px;height:11px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#4f46e5);display:inline-block;box-shadow:0 0 0 4px rgba(124,58,237,.12)}.portfolio-link{font-size:.88rem;color:var(--muted);text-decoration:none;transition:color .15s ease}.portfolio-link:hover{color:var(--accent)}.floating-controls{position:fixed;right:18px;top:76px;z-index:70;display:flex;align-items:center;gap:8px}.floating-control{width:44px;height:44px;padding:0;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.88);color:var(--accent-strong);box-shadow:0 10px 28px rgba(124,58,237,.18);backdrop-filter:blur(12px) saturate(140%);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;transition:transform .15s ease,border-color .15s ease,background .15s ease,color .15s ease}button.floating-control{font:inherit}.floating-control svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.animation-control{width:auto;min-width:166px;padding:0 15px;gap:8px;font-size:.84rem;font-weight:700}.animation-control span{line-height:1}.floating-control:focus-visible,.floating-control:hover{transform:translateY(-1px);border-color:var(--ring);background:rgba(237,233,254,.92);outline:none}.floating-control.is-active{background:var(--accent-soft);border-color:var(--ring)}.floating-control.is-off{color:var(--muted);background:rgba(255,255,255,.92)}@media (max-width:560px){.floating-controls{right:14px;top:68px}.floating-control{width:42px;height:42px}.animation-control{width:auto;min-width:152px;padding:0 12px;font-size:.78rem}}main{min-height:60vh}.container{max-width:var(--max);margin:0 auto;padding:14px 20px 64px}.intro{margin:6px 0 22px}.intro h1{font-size:1.5rem;margin:0 0 2px;letter-spacing:-.02em}.intro p{margin:0;color:var(--muted);font-size:.95rem}.card-tile,.composer,.create-card,.modal,.note-card{background:var(--card);backdrop-filter:blur(12px) saturate(140%);border:1px solid var(--border);border-radius:var(--radius)}.create-card{width:100%;border-style:dashed;padding:22px 16px;color:var(--muted);font-family:inherit;font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:border-color .15s ease,color .15s ease,background .15s ease;margin-bottom:24px}.create-card:hover{border-color:var(--accent);color:var(--accent-strong);background:rgba(237,233,254,.6)}.create-card .plus{font-size:1.2rem;line-height:1}.composer{display:flex;flex-direction:column;gap:8px;padding:16px;margin-bottom:24px;box-shadow:0 8px 30px rgba(124,58,237,.08)}.content-input,.title-input{width:100%;border:none;background:transparent;color:var(--fg);font-family:inherit;outline:none;resize:vertical}.title-input{font-size:1.1rem;font-weight:600}.content-input{font-size:.95rem;line-height:1.6}.content-input::-moz-placeholder,.title-input::-moz-placeholder{color:var(--muted)}.content-input::placeholder,.title-input::placeholder{color:var(--muted)}.composer-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.btn{font-family:inherit;font-size:.9rem;padding:9px 16px;border-radius:9px;border:1px solid var(--border);background:rgba(255,255,255,.6);color:var(--fg);cursor:pointer;transition:filter .15s ease,background .15s ease,border-color .15s ease}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:var(--accent-fg);border-color:transparent;box-shadow:0 4px 14px rgba(124,58,237,.3)}.btn.primary:hover:not(:disabled){filter:brightness(1.08)}.btn.ghost:hover{background:var(--accent-soft);border-color:var(--ring)}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media (max-width:560px){.card-grid{grid-template-columns:1fr}}.card-tile{text-align:left;padding:18px;cursor:pointer;font-family:inherit;color:var(--fg);display:flex;flex-direction:column;gap:6px;transition:transform .15s ease,box-shadow .2s ease,border-color .15s ease}.card-tile:hover{transform:translateY(-2px);border-color:var(--ring);box-shadow:0 16px 30px rgba(124,58,237,.14)}.tile-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.tile-title{font-weight:600;font-size:1.02rem}.tile-sub{color:var(--muted)}.lock,.tile-sub{font-size:.82rem}.lock{color:var(--accent-strong);background:var(--accent-soft);border:1px solid var(--ring);border-radius:999px;padding:2px 9px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.note-card{padding:16px;transition:transform .15s ease,box-shadow .2s ease,border-color .15s ease}.note-card:hover{transform:translateY(-2px);border-color:var(--ring);box-shadow:0 16px 30px rgba(124,58,237,.12)}.note-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.note-title{font-weight:600;font-size:1rem;background:none;border:none;padding:0;font-family:inherit;text-align:left;color:var(--fg);cursor:pointer}.note-title:hover{color:var(--accent-strong)}.note-snippet{margin:8px 0 12px;color:var(--muted);font-size:.92rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap}.note-actions{display:flex;gap:16px}.link-btn{background:none;border:none;padding:0;font-family:inherit;font-size:.85rem;color:var(--muted);cursor:pointer;transition:color .15s ease}.link-btn:hover{color:var(--accent)}.link-btn.danger:hover{color:var(--danger)}.section-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:28px 0 12px;font-weight:600}.modal-overlay{position:fixed;inset:0;background:rgba(23,16,45,.45);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:50;animation:fadeIn .18s ease-out}.modal{position:relative;width:100%;max-width:560px;max-height:82vh;overflow:auto;padding:26px;background:rgba(255,255,255,.92);box-shadow:0 24px 60px rgba(31,38,135,.28);animation:modalIn .22s cubic-bezier(.16,1,.3,1)}.modal-close{position:absolute;top:14px;right:16px;background:none;border:none;font-size:1.4rem;line-height:1;color:var(--muted);cursor:pointer}.modal-close:hover{color:var(--fg)}.modal h2{margin:0 0 4px;font-size:1.4rem;letter-spacing:-.02em;padding-right:24px}.note-body{margin-top:18px;white-space:pre-wrap;font-size:1rem;line-height:1.7}.lock-form{display:flex;flex-direction:column;gap:12px;margin-top:14px}.pw-input{width:100%;padding:11px 13px;border:1px solid var(--border);border-radius:10px;font-family:inherit;font-size:.95rem;background:rgba(255,255,255,.7);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.pw-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(124,58,237,.18)}.error{color:var(--danger);font-size:.85rem;margin:0}.lock-hint{display:inline-flex;align-items:center;gap:6px;color:var(--accent-strong);font-size:.85rem}.reading{padding-top:14px}.back-link{display:inline-block;color:var(--muted);text-decoration:none;font-size:.9rem;margin-bottom:24px}.back-link:hover{color:var(--accent)}.note-full{background:var(--card);backdrop-filter:blur(12px) saturate(140%);border:1px solid var(--border);border-radius:var(--radius);padding:26px}.note-full h1{font-size:1.6rem;margin:0 0 4px;letter-spacing:-.02em}.muted{color:var(--muted)}.empty-hint{margin-top:14px}.small{font-size:.82rem}.center{text-align:center;padding-top:60px}.center .btn{margin-top:16px;display:inline-block}.site-footer{max-width:var(--max);margin:0 auto;padding:32px 20px 40px;text-align:center;font-size:.82rem;color:var(--muted)}.site-footer a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.site-footer a:hover{filter:brightness(1.1)}.bg-anim{position:fixed;inset:0;overflow:hidden;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0}.bg-symbol{line-height:1}.bg-equation,.bg-symbol{position:absolute;font-weight:700}.bg-equation{white-space:nowrap}.bg-particle{position:absolute;width:8px;height:8px;border-radius:9999px;box-shadow:0 1px 3px rgba(0,0,0,.06)}.floating-icon{animation:float 6s ease-in-out infinite}.floating-icon-reverse{animation:float-reverse 7s ease-in-out infinite}.floating-icon-slow{animation:float 10s ease-in-out infinite}@keyframes float{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(5deg)}to{transform:translateY(0) rotate(0deg)}}@keyframes float-reverse{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(15px) rotate(-5deg)}to{transform:translateY(0) rotate(0deg)}}.animate-equation-float-1{animation:equation-float-1 12s ease-in-out infinite}.animate-equation-float-2{animation:equation-float-2 15s ease-in-out infinite}.animate-equation-float-3{animation:equation-float-3 10s ease-in-out infinite}.animate-equation-float-4{animation:equation-float-4 18s ease-in-out infinite}@keyframes equation-float-1{0%,to{transform:translateY(0) translateX(0) rotate(0deg);opacity:.8}25%{transform:translateY(-30px) translateX(20px) rotate(5deg);opacity:1}50%{transform:translateY(-15px) translateX(40px) rotate(-3deg);opacity:.7}75%{transform:translateY(-25px) translateX(10px) rotate(7deg);opacity:.9}}@keyframes equation-float-2{0%,to{transform:translateY(0) translateX(0) rotate(0deg);opacity:.8}33%{transform:translateY(-40px) translateX(-30px) rotate(-8deg);opacity:1}66%{transform:translateY(-20px) translateX(-15px) rotate(5deg);opacity:.7}}@keyframes equation-float-3{0%,to{transform:translateY(0) translateX(0) rotate(0deg);opacity:.8}50%{transform:translateY(-35px) translateX(25px) rotate(-10deg);opacity:1}}@keyframes equation-float-4{0%,to{transform:translateY(0) translateX(0) rotate(0deg);opacity:.8}20%{transform:translateY(-25px) translateX(15px) rotate(4deg);opacity:1}40%{transform:translateY(-45px) translateX(-10px) rotate(-6deg);opacity:.7}60%{transform:translateY(-30px) translateX(30px) rotate(8deg);opacity:.9}80%{transform:translateY(-15px) translateX(-20px) rotate(-3deg);opacity:.8}}.animate-particle-drift-1{animation:particle-drift-1 15s ease-in-out infinite}.animate-particle-drift-2{animation:particle-drift-2 18s ease-in-out infinite}.animate-particle-drift-3{animation:particle-drift-3 22s ease-in-out infinite}.animate-particle-drift-4{animation:particle-drift-4 20s ease-in-out infinite}@keyframes particle-drift-1{0%,to{transform:translateY(0) translateX(0) rotate(0deg);opacity:.6}25%{transform:translateY(-120px) translateX(80px) rotate(90deg);opacity:.9}50%{transform:translateY(-80px) translateX(160px) rotate(180deg);opacity:.7}75%{transform:translateY(-200px) translateX(40px) rotate(270deg);opacity:1}}@keyframes particle-drift-2{0%,to{transform:translateY(0) translateX(0) rotate(0deg);opacity:.5}33%{transform:translateY(-100px) translateX(-60px) rotate(120deg);opacity:.8}66%{transform:translateY(-160px) translateX(120px) rotate(240deg);opacity:.6}}@keyframes particle-drift-3{0%,to{transform:translateY(0) translateX(0) rotate(0deg);opacity:.7}50%{transform:translateY(-250px) translateX(-40px) rotate(180deg);opacity:.3}}@keyframes particle-drift-4{0%,to{transform:translateY(0) translateX(0) rotate(0deg);opacity:.8}25%{transform:translateY(-80px) translateX(100px) rotate(90deg);opacity:.4}75%{transform:translateY(-180px) translateX(-80px) rotate(270deg);opacity:.9}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}html[data-animations=off] .bg-anim{display:none}html[data-animations=off] *,html[data-animations=off] :after,html[data-animations=off] :before{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media (prefers-reduced-motion:reduce){.bg-anim{display:none}}