@theme{ --font-sans: "Montserrat", system-ui, sans-serif; --font-script: "Kaushan Script", cursive; --color-ink: #04060c; --color-paper: #f2f4f8; --color-mute: #9aa3b2; --color-line: rgba(255, 255, 255, .08); --color-glow: #2a63ff; --color-glow-soft: #6ea0ff; }html{scroll-behavior:smooth}body{background:var(--color-ink);color:var(--color-paper);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--color-glow);color:#fff}.font-script{font-family:var(--font-script)}.brush{font-family:"Yellowtail",var(--font-script);-webkit-text-stroke:.038em currentColor;paint-order:stroke fill;letter-spacing:.01em}.progress{position:fixed;top:0;left:0;right:0;height:4px;z-index:50;transform-origin:0 50%;transform:scaleX(var(--p, 0));background:linear-gradient(90deg,#1d4ed8,#3b82f6 55%,#a5c4ff);box-shadow:0 0 14px #3b82f6cc}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-3;background-image:linear-gradient(rgba(120,150,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(120,150,255,.05) 1px,transparent 1px);background-size:90px 90px;-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,black 40%,transparent 100%);mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,black 40%,transparent 100%)}.bg-glow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-4;background:radial-gradient(700px 420px at 22% -5%,rgba(37,82,220,.4),transparent 70%),radial-gradient(800px 460px at 78% -8%,rgba(30,64,175,.45),transparent 70%),radial-gradient(600px 500px at 50% 115%,rgba(23,49,130,.35),transparent 70%);animation:glowPulse 9s ease-in-out infinite alternate}@keyframes glowPulse{0%{opacity:.75;transform:scale(1)}to{opacity:1;transform:scale(1.04)}}.bg-cursor{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:radial-gradient(460px circle at var(--mx, 50%) var(--my, 30%),rgba(66,110,245,.12),transparent 65%)}.watermark{position:absolute;font-family:var(--font-script);color:#ffffff0a;-webkit-user-select:none;user-select:none;pointer-events:none;white-space:nowrap;opacity:0;animation:floatUp var(--dur, 26s) linear infinite;animation-delay:var(--delay, 0s)}@keyframes floatUp{0%{transform:translateY(45vh) rotate(var(--rot, 0deg));opacity:0}15%{opacity:1}85%{opacity:1}to{transform:translateY(-45vh) rotate(var(--rot, 0deg));opacity:0}}@keyframes riseIn{0%{opacity:0;transform:translateY(28px) scale(.98);filter:blur(6px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.hero-in{opacity:0;animation:riseIn 1s cubic-bezier(.22,1,.36,1) forwards}.reveal{opacity:0;transform:translateY(30px);filter:blur(4px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1),filter .8s ease;transition-delay:var(--d, 0ms)}.reveal.in{opacity:1;transform:translateY(0);filter:blur(0)}@keyframes chevron{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(7px);opacity:1}}.chevron{animation:chevron 1.8s ease-in-out infinite}.glass{background:linear-gradient(160deg,#ffffff0d,#ffffff04);border:1px solid var(--color-line);border-radius:1.25rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s ease,box-shadow .35s ease;transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(var(--ty, 0px));will-change:transform}.glass:hover{--ty: -6px;border-color:#6ea0ff73;box-shadow:0 18px 50px -18px #2a63ff73,0 0 0 1px #6ea0ff1f inset}.icon-btn{display:flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;border-radius:9999px;background:#ffffff0d;border:1px solid var(--color-line);transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease,border-color .3s ease,background .3s ease}.icon-btn:hover{transform:translateY(-4px) scale(1.08);border-color:#6ea0ff8c;background:#426ef524;box-shadow:0 12px 32px -10px #2a63ff99}.social{--c: 148, 163, 184;display:flex;align-items:center;height:3rem;padding:0 .95rem;border-radius:9999px;background:#ffffff0d;border:1px solid var(--color-line);color:#e2e8f0bf;cursor:pointer;transition:border-color .6s ease,background .6s ease,color .6s ease,box-shadow .6s ease,transform .6s cubic-bezier(.22,1,.36,1)}.social svg{width:1.15rem;height:1.15rem;flex-shrink:0;transition:transform .6s cubic-bezier(.22,1,.36,1)}.social .handle{max-width:0;opacity:0;margin-left:0;overflow:hidden;white-space:nowrap;font-weight:600;font-size:.875rem;transform:translate(-6px);transition:max-width .7s cubic-bezier(.22,1,.36,1),opacity .5s ease .1s,margin-left .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.social:hover,.social:focus-visible{color:rgb(var(--c));border-color:rgba(var(--c),.65);background:rgba(var(--c),.1);box-shadow:0 0 26px -6px rgba(var(--c),.75),inset 0 0 16px -10px rgba(var(--c),.6);transform:translateY(-3px)}.social:hover .handle,.social:focus-visible .handle{max-width:13rem;opacity:1;margin-left:.65rem;transform:translate(0)}.social:hover svg,.social:focus-visible svg{transform:scale(1.12)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-track{display:flex;width:max-content;animation:marquee 30s linear infinite}.marquee-fade{-webkit-mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent);mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent)}.marquee-track:hover{animation-play-state:paused}.shine{background:linear-gradient(100deg,#dbe4ff 20%,#7ea4ff,#fff,#dbe4ff 80%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 5s linear infinite}@keyframes shine{to{background-position:-200% 0}}.pill{--c: 110, 160, 255;display:flex;align-items:center;gap:.75rem;white-space:nowrap;padding:.75rem 1.35rem;border-radius:1rem;font-weight:700;font-size:.9rem;color:rgb(var(--c));background:linear-gradient(160deg,rgba(var(--c),.13),rgba(var(--c),.04));border:1px solid rgba(var(--c),.4);box-shadow:0 0 22px -6px rgba(var(--c),.55),inset 0 0 18px -10px rgba(var(--c),.6);animation:bob 3.4s ease-in-out infinite;animation-delay:var(--bd, 0s);transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease,background .3s ease}.pill svg{width:1.1rem;height:1.1rem;filter:drop-shadow(0 0 8px rgba(var(--c),.9));transition:transform .4s cubic-bezier(.22,1,.36,1)}.pill:hover{transform:translateY(-6px) scale(1.07);background:linear-gradient(160deg,rgba(var(--c),.24),rgba(var(--c),.08));box-shadow:0 14px 44px -8px rgba(var(--c),.75),inset 0 0 24px -8px rgba(var(--c),.7)}.pill:hover svg{transform:rotate(-12deg) scale(1.2)}@keyframes bob{0%,to{translate:0 0}50%{translate:0 -7px}}.marquee-track.reverse{animation-direction:reverse}.marquee-track.slower{animation-duration:40s}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:var(--color-ink);transition:opacity .6s ease}.intro.done{opacity:0;pointer-events:none}.intro-name{font-size:clamp(2.75rem,6.5vw,4.5rem);color:var(--color-paper);transform:rotate(-2deg);clip-path:inset(-30% 110% -30% -10%);filter:drop-shadow(0 0 30px rgba(70,110,245,.4));animation:writeOn 1.1s cubic-bezier(.65,0,.35,1) .15s forwards}@keyframes writeOn{to{clip-path:inset(-30% -25% -30% -10%)}}.cursor-dot,.cursor-glow{position:fixed;top:0;left:0;z-index:90;pointer-events:none;border-radius:9999px}.cursor-dot{width:7px;height:7px;margin:-3.5px;background:#aec6ff;box-shadow:0 0 12px #6ea0ffe6}.cursor-glow{width:34px;height:34px;margin:-17px;border:1px solid rgba(110,160,255,.35);box-shadow:0 0 24px -6px #426ef580}@media(pointer:coarse){.cursor-dot,.cursor-glow{display:none}}.toast{position:fixed;bottom:2rem;left:50%;z-index:95;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:.7rem 1.4rem;border-radius:9999px;font-size:.85rem;font-weight:600;color:var(--color-paper);background:#141c30e6;border:1px solid rgba(110,160,255,.45);box-shadow:0 8px 32px -8px #2a63ff99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .35s ease}.toast.show{transform:translate(-50%);opacity:1}.status-dot{position:absolute;top:.55rem;left:2rem;width:.6rem;height:.6rem;border-radius:9999px;border:2px solid var(--color-ink)}.status-dot.online{background:#3ddc84;box-shadow:0 0 10px #3ddc84}.status-dot.idle{background:#fbbf24;box-shadow:0 0 10px #fbbf24}.status-dot.dnd{background:#f87171;box-shadow:0 0 10px #f87171}.status-dot.offline{background:#6b7280}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:96;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#02040abf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .25s ease}.lightbox-inner{position:relative;width:100%;max-width:34rem;max-height:85vh;overflow-y:auto;padding:1.75rem;border-radius:1.25rem;background:linear-gradient(165deg,#161e34f2,#080c18f2);border:1px solid rgba(110,160,255,.35);box-shadow:0 30px 90px -20px #2a63ff73;animation:popIn .35s cubic-bezier(.22,1,.36,1)}.lightbox-close{position:absolute;top:.9rem;right:.9rem;display:flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border-radius:9999px;font-size:.85rem;color:var(--color-mute);background:#ffffff0f;border:1px solid var(--color-line);cursor:pointer;transition:color .3s ease,background .3s ease}.lightbox-close:hover{color:var(--color-paper);background:#ffffff1f}@keyframes fadeIn{0%{opacity:0}}@keyframes popIn{0%{opacity:0;transform:translateY(18px) scale(.96)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track,.bg-glow,.chevron,.shine{animation:none}.watermark{animation:none;opacity:1}.pill{animation:none}.intro,.cursor-dot,.cursor-glow{display:none}.hero-in{animation:none;opacity:1}.reveal{opacity:1!important;transform:none!important;filter:none!important}.glass,.icon-btn{transition:none}}