:root{--accent:#2337ff;--accent-dark:#000d8a;--black:15, 18, 25;--gray:96, 115, 159;--gray-light:229, 233, 240;--gray-dark:34, 41, 57;--gray-gradient:rgba(var(--gray-light), 50%), #fff;--box-shadow:0 2px 6px rgba(var(--gray), 25%), 0 8px 24px rgba(var(--gray), 33%), 0 16px 32px rgba(var(--gray), 33%)}body{font-family:var(--font-atkinson);text-align:left;background:linear-gradient(var(--gray-gradient)) no-repeat;word-wrap:break-word;overflow-wrap:break-word;color:rgb(var(--gray-dark));background-size:100% 600px;margin:0;padding:0;font-size:20px;line-height:1.7}main{width:720px;max-width:calc(100% - 2em);margin:auto;padding:3em 1em}h1,h2,h3,h4,h5,h6{color:rgb(var(--black));margin:0 0 .5rem;line-height:1.2}h1{font-size:3.052em}h2{font-size:2.441em}h3{font-size:1.953em}h4{font-size:1.563em}h5{font-size:1.25em}strong,b{font-weight:700}a,a:hover{color:var(--accent)}p{margin-bottom:1em}.prose p{margin-bottom:2em}textarea{width:100%;font-size:16px}input{font-size:16px}table{width:100%}img{border-radius:8px;max-width:100%;height:auto}code{background-color:rgb(var(--gray-light));border-radius:2px;padding:2px 5px}pre{border-radius:8px;padding:1.5em}pre>code{all:unset}blockquote{border-left:4px solid var(--accent);margin:0;padding:0 0 0 20px;font-size:1.333em}hr{border:none;border-top:1px solid rgb(var(--gray-light))}@media (width<=720px){body{font-size:18px}main{padding:1em}}.sr-only{clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0;padding:0;overflow:hidden;position:absolute!important}footer[data-astro-cid-jo6i4kqk]{background:linear-gradient(var(--gray-gradient)) no-repeat;color:rgb(var(--gray));text-align:center;padding:2em 1em 6em}.social-links[data-astro-cid-jo6i4kqk]{justify-content:center;gap:1em;margin-top:1em;display:flex}.social-links[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]{color:rgb(var(--gray));text-decoration:none}.social-links[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]:hover{color:rgb(var(--gray-dark))}:root{--spacing:.25rem;--radius:1rem;--font-sans:"Public Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--background:#fff;--foreground:#0a0a0a;--primary:#070707;--primary-foreground:#fafafa;--muted:#f5f5f5;--muted-foreground:#606060;--border:#e8e8e8;--ring:#a1a1a1;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--container-7xl:80rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}.dark{--background:#1e1e1e;--foreground:#f3f3f3;--primary:#f3f3f3;--primary-foreground:#0c0c0c;--muted:#2f2f2f;--muted-foreground:#b7b7b7;--border:#ffffff1a;--ring:#989898}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;min-height:200vh;margin:0;padding:0}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.inset-x-0{left:0;right:0}.top-0{top:0}.z-40{z-index:40}.z-50{z-index:50}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.shrink-0{flex-shrink:0}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-y-1{row-gap:calc(var(--spacing) * 1)}.text-left{text-align:left}.text-center{text-align:center}.text-xs{font-size:var(--text-xs);line-height:var(--text-xs--line-height)}.text-sm{font-size:var(--text-sm);line-height:var(--text-sm--line-height)}.text-base{font-size:var(--text-base);line-height:var(--text-base--line-height)}.text-\[13px\]{font-size:13px}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.tracking-tight{letter-spacing:var(--tracking-tight)}.m-0{margin:0}.mx-auto{margin-inline:auto}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.pt-0{padding-top:0}.pt-20{padding-top:calc(var(--spacing) * 20)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-\[1\.2rem\]{width:1.2rem;height:1.2rem}.h-4{height:calc(var(--spacing) * 4)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-16{height:calc(var(--spacing) * 16)}.w-px{width:1px}.w-full{width:100%}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[200px\]{max-width:200px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.border{border-style:solid;border-width:1px}.border-b{border-bottom-style:solid;border-bottom-width:1px}.border-transparent{border-color:#0000}.object-contain{object-fit:contain}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition-all{transition-property:all;transition-timing-function:var(--default-transition-timing-function);transition-duration:var(--default-transition-duration)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;transition-timing-function:var(--default-transition-timing-function);transition-duration:var(--default-transition-duration)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--default-transition-timing-function);transition-duration:var(--default-transition-duration)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-\[cubic-bezier\(0\.16\,1\,0\.3\,1\)\]{transition-timing-function:cubic-bezier(.16,1,.3,1)}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.select-none{-webkit-user-select:none;user-select:none}.scale-0{transform:scale(0)}.scale-100{transform:scale(1)}.rotate-0{transform:rotate(0)}.-rotate-90{transform:rotate(-90deg)}.rotate-90{transform:rotate(90deg)}.translate-y-4{transform:translateY(calc(var(--spacing) * 4))}.bg-primary{background-color:var(--primary)}.bg-muted{background-color:var(--muted)}.bg-foreground{background-color:var(--foreground)}.bg-background{background-color:var(--background)}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-primary-foreground{color:var(--primary-foreground)}.whitespace-nowrap{white-space:nowrap}.overflow-hidden{overflow:hidden}.header-container{pointer-events:none;z-index:50;position:fixed;top:0;left:0;right:0}.header-inner{pointer-events:auto;max-width:var(--container-7xl);padding-inline:calc(var(--spacing) * 4);margin-inline:auto;padding-top:0;transition:all .7s cubic-bezier(.16,1,.3,1)}.header-nav{height:calc(var(--spacing) * 16);padding-inline:calc(var(--spacing) * 2);justify-content:space-between;align-items:center;transition:all .7s cubic-bezier(.16,1,.3,1);display:flex}.header-container.scrolled .header-nav{height:calc(var(--spacing) * 14)}.header-container.scrolled .header-inner{background-color:color-mix(in oklab, var(--background) 80%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius);margin-top:calc(var(--spacing) * 2);padding-inline:calc(var(--spacing) * 5);box-shadow:0 1px 3px #0000000a}.header-logo{align-items:center;gap:calc(var(--spacing) * 2.5);flex-shrink:0;display:flex}.header-logo-img{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7);flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.header-logo:hover .header-logo-img{transform:scale(1.05)}.header-logo img{opacity:1;border-radius:var(--radius);object-fit:contain;width:100%;height:100%;transition:opacity .2s}.header-logo span{font-size:var(--text-sm);line-height:var(--text-sm--line-height);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight)}.nav-links-desktop{align-items:center;gap:calc(var(--spacing) * .5);display:none}.nav-link{border-radius:var(--radius);padding:calc(var(--spacing) * 1.5) calc(var(--spacing) * 3);font-size:13px;font-weight:var(--font-weight-medium);white-space:nowrap;transition:color .2s}.nav-link.active{color:var(--foreground)}.nav-link:not(.active){color:var(--muted-foreground)}.nav-link:not(.active):hover{color:var(--foreground)}.nav-divider{background-color:color-mix(in oklab, var(--border) 40%, transparent);margin-inline:calc(var(--spacing) * 2);height:calc(var(--spacing) * 4);width:1px}.btn-icon{border-radius:var(--radius);font-size:var(--text-sm);line-height:var(--text-sm--line-height);font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer;color:var(--foreground);width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9);-webkit-user-select:none;user-select:none;background:padding-box padding-box;border:1px solid #0000;outline:none;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.btn-icon svg{pointer-events:none;flex-shrink:0}.btn-icon:hover{background-color:var(--muted)}.btn-icon.notification-btn{position:relative}.btn-icon.notification-btn:after{content:"";border:1.5px solid var(--background);background-color:#e40014;border-radius:50%;width:7px;height:7px;display:none;position:absolute;top:6px;right:6px}.btn-icon.notification-btn.has-unread:after{display:block}.btn-login{justify-content:center;align-items:center;gap:calc(var(--spacing) * 1);border-radius:var(--radius);font-size:var(--text-xs);line-height:var(--text-xs--line-height);font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer;background-color:var(--primary);color:var(--primary-foreground);height:calc(var(--spacing) * 8);padding-inline:calc(var(--spacing) * 3.5);-webkit-user-select:none;user-select:none;background-clip:padding-box;border:1px solid #0000;outline:none;flex-shrink:0;text-decoration:none;transition:all .15s;display:inline-flex}.btn-login:hover{opacity:.9}.btn-login:active{transform:translateY(1px)}.btn-login.user-avatar{gap:calc(var(--spacing) * 1.5);color:var(--foreground);border-color:var(--border);background-color:#0000;max-width:90px}.btn-login.user-avatar:hover{background-color:var(--muted)}.user-avatar-img{object-fit:cover;border-radius:50%;flex-shrink:0;width:18px;height:18px}.user-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-dropdown{min-width:200px;padding:calc(var(--spacing) * 1);background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius);opacity:0;pointer-events:none;z-index:60;transition:all .15s;position:absolute;top:calc(100% + 4px);right:0;transform:translateY(-4px)scale(.96);box-shadow:0 4px 16px #00000014}.user-dropdown.open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.user-dropdown-header{align-items:center;gap:calc(var(--spacing) * 2);padding:calc(var(--spacing) * 2);display:flex}.user-dropdown-header img{object-fit:cover;border-radius:50%;width:32px;height:32px}.user-dropdown-header-info{flex-direction:column;display:flex;overflow:hidden}.user-dropdown-header-info .uname{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-dropdown-header-info .uemail{font-size:var(--text-xs);color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-dropdown-divider{background-color:var(--border);height:1px;margin:calc(var(--spacing) * 1) 0}.user-dropdown-item{align-items:center;gap:calc(var(--spacing) * 2);padding:calc(var(--spacing) * 1.5) calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--text-sm--line-height);border-radius:calc(var(--radius) - 2px);cursor:pointer;white-space:nowrap;color:var(--foreground);transition:background-color .1s;display:flex}.user-dropdown-item:hover{background-color:var(--muted)}.user-dropdown-item.logout{color:#e40014}.user-dropdown-item.logout:hover{background-color:#e400140f}.dropdown-menu{min-width:160px;padding:calc(var(--spacing) * 1);background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius);opacity:0;pointer-events:none;z-index:60;transition:all .15s;position:absolute;top:calc(100% + 4px);right:0;transform:translateY(-4px)scale(.96);box-shadow:0 4px 16px #00000014}.dropdown-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.dropdown-item{align-items:center;gap:calc(var(--spacing) * 2);padding:calc(var(--spacing) * 1.5) calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--text-sm--line-height);border-radius:calc(var(--radius) - 2px);cursor:pointer;white-space:nowrap;transition:background-color .1s;display:flex}.dropdown-item:hover{background-color:var(--muted)}.dropdown-item.active{font-weight:var(--font-weight-semibold)}.mobile-btns{align-items:center;gap:calc(var(--spacing) * 2);display:flex}.hamburger{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);position:relative}.hamburger span{transform-origin:50%;background-color:currentColor;border-radius:9999px;height:1.5px;transition:all .3s;display:block;position:absolute;left:0;right:0}.hamburger span:first-child{top:3px}.hamburger span:nth-child(2){opacity:1;top:7px}.hamburger span:nth-child(3){top:11px}.hamburger.open span:first-child{top:7px;transform:rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){top:7px;transform:rotate(-45deg)}.mobile-overlay{z-index:40;background-color:color-mix(in oklab, var(--background) 98%, transparent);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);pointer-events:none;opacity:0;transition:all .5s cubic-bezier(.16,1,.3,1);position:fixed;inset:0}.mobile-overlay.open{pointer-events:auto;opacity:1}.mobile-overlay-content{height:100%;padding:calc(var(--spacing) * 20) calc(var(--spacing) * 8) calc(var(--spacing) * 10);flex-direction:column;justify-content:space-between;display:flex}.mobile-nav{gap:calc(var(--spacing) * 1);flex-direction:column;display:flex}.mobile-nav-link{align-items:center;gap:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 3);font-size:var(--text-base);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-tight);transform:translateY(calc(var(--spacing) * 4));opacity:0;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex}.mobile-overlay.open .mobile-nav-link{opacity:1;transform:translateY(0)}.mobile-nav-link.active{color:var(--foreground)}.mobile-nav-link:not(.active){color:var(--muted-foreground)}.mobile-overlay .btn-login{width:100%;height:calc(var(--spacing) * 10);border-radius:var(--radius);font-size:var(--text-sm);line-height:var(--text-sm--line-height);font-weight:var(--font-weight-medium);background-color:var(--foreground);color:var(--background);justify-content:center;align-items:center;transition:opacity .15s;display:flex}.mobile-overlay .btn-login:hover{opacity:.9}.mobile-overlay .btn-login:active{opacity:.8}.mobile-bottom{gap:calc(var(--spacing) * 3);transform:translateY(calc(var(--spacing) * 4));opacity:0;flex-direction:column;transition:all .5s;display:flex}.mobile-overlay.open .mobile-bottom{opacity:1;transition-delay:0s;transform:translateY(0)}.theme-icon-sun{transition:all .15s}.theme-icon-moon{transition:all .15s;position:absolute}.light .theme-icon-sun{transform:scale(1)rotate(0)}.light .theme-icon-moon{transform:scale(0)rotate(90deg)}.dark .theme-icon-sun{transform:scale(0)rotate(-90deg)}.dark .theme-icon-moon{transform:scale(1)rotate(0)}@media (width>=640px){.nav-links-desktop{display:flex}.mobile-btns{display:none}}@media (width>=768px){.header-inner{padding-inline:calc(var(--spacing) * 6)}}