html{box-sizing:border-box;overflow-x:hidden;background-color:#151515}*,::after,::before{box-sizing:inherit}body{font-family:Inter,sans-serif;margin:0;padding:0;overflow-x:hidden;min-height:100vh}h1{font-size:clamp(2rem,8vw,3.5rem);font-weight:600;line-height:1.2;color:gold;text-align:center;user-select:none;margin:auto auto;padding-block-start:25vh}h2{font-size:clamp(2rem,10vw,3rem);font-weight:600;line-height:1.2;letter-spacing:-.5px;color:#fff;padding:3rem 1rem;margin:0 auto;max-width:800px;height:100%}p{font-size:1em;text-align:center;color:#bdbdbd}a{text-decoration:none}.atf{height:60vh}@media (max-width:600px){h2{padding:2rem 0}}.navbar{position:fixed;top:0;left:0;width:100%;height:1.85rem;padding-left:1.5rem;padding-right:1.5rem;display:flex;align-items:center;z-index:900;letter-spacing:.5px;display:flex;flex-direction:row;background:rgba(34,34,34,.5);backdrop-filter:blur(5px)}.navbar.scrolled{opacity:1;visibility:visible}.navbar-container-buttons{display:flex;width:100%;align-items:center;height:2rem;background:0 0;border:none;box-shadow:none;justify-content:space-between;transition:background .2s,transform .2s}.navbar-container-buttons button{display:flex;letter-spacing:.5px;font-weight:700;font-family:Inter,sans-serif;outline:0;background:0 0;border:none;box-shadow:none;cursor:pointer;border-radius:.25em .25em 0 0;text-decoration:none;color:#fffFFFEE;transition:text-shadow 1s ease-out,box-shadow .4s ease-out}.navbar-container-buttons button:hover{cursor:pointer;color:#fffFFFFF;text-shadow:0 0 4px #fff,0 0 8px #ffd733FF,0 0 16px #ffd733AA;transition:text-shadow .1s ease}.navbar .logo{font-size:1.125em;color:#ffd733AA;letter-spacing:.03em}.navbar .logo:hover{color:#ffd733FF}.navbar-container-buttons-right{display:flex;gap:1rem}.navbar-container-buttons-right button{font-size:1.125em;color:#ffd733AA}.navbar-container-buttons-right button:hover{color:#ffd733FF}#progress-bar-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;height:100%;display:flex;align-items:center;justify-content:center;z-index:999;cursor:pointer}#progress-bar{background:rgba(255,255,255,.1);width:85%;height:15%;border-radius:2em;transition:box-shadow 1s ease-in-out}#progress-bar-container:hover #progress-bar{box-shadow:0 0 .5rem 3px #ffd733AA;border-radius:2px;transition:box-shadow .1s ease-in-out}#progress-fill{height:100%;background:#ffd73355;width:var(--progress,0%);transition:width .4s ease-out;border-radius:2em}@media (max-width:600px){.navbar{height:1.75rem;padding-left:.25em;padding-right:.25em}.navbar-container-buttons{justify-content:space-between;padding:0}.navbar-container-buttons button{font-size:1rem}.navbar-container-buttons .logo{font-size:1rem}#progress-bar-container{width:30%;margin-block:auto}}.table-of-contents{max-width:625px;width:98%;margin:2rem auto 5rem;padding:1rem 3rem 2rem 3rem;overflow:hidden;color:#f0f0f0;background:radial-gradient(circle at top,rgba(155,155,155,.15),transparent 25rem),linear-gradient(#151515,#101010);border:1px solid #333;border-radius:4rem 4rem .75rem .75rem;box-shadow:0 .2rem .5rem #000,0 1rem 1.5rem -.5rem #000;transition:opacity .2s}.table-of-contents:hover{box-shadow:0 0 4px #fffFFF11,0 0 8px #ffd73311,0 0 16px #ffd73322;transition:all 1s ease}body.is-loading .table-of-contents{opacity:.5;pointer-events:none}.table-of-contents h2{text-align:center;color:#eb0;padding-bottom:1em;font-weight:800;letter-spacing:1px}.table-of-contents h2{transition:text-shadow 1s ease-out,box-shadow .4s ease-out}.table-of-contents h2:hover{text-shadow:0 0 4px #fffFFF33,0 0 8px #ffd73344,0 0 16px #ffd73366;transition:text-shadow .1s ease}.table-of-contents ul{list-style:none;padding-left:5%;padding-right:5%;padding-top:5%;padding-bottom:5%;margin:0 2rem;background:#181818;border-radius:20px;box-shadow:inset 0 4px 8px rgba(0,0,0,.3)}.table-of-contents li{display:flex;gap:2rem;margin:1rem 0;font-size:20px;font-family:system-ui;font-weight:500;line-height:1.125}.table-of-contents li b{flex:0 0 50px;font-weight:700;color:#fdfdfd}.table-of-contents a{color:#77f}.table-of-contents a:hover{text-decoration:underline}#toc{scroll-margin-top:2em}@media (max-width:600px){.table-of-contents{padding:1rem;border-radius:2rem 2rem .75rem .75rem;overflow-x:auto}.table-of-contents h2{font-size:2rem;padding:1rem 0}.table-of-contents ul{margin:2rem .5rem}.table-of-contents li{font-size:1rem}}body.is-loading,body.is-loading #table-of-contents,body.is-loading a{cursor:progress!important}.lazy-section{opacity:0;scroll-margin-top:2em;overflow:hidden;transition:min-height .2s ease,opacity .3s ease-in}.lazy-section img{content-visibility:auto;height:auto}.lazy-section:not(.loaded){min-height:400px;display:block;opacity:.1}.lazy-section.loaded{min-height:0;opacity:1}.lazy-section:not(:empty){opacity:1}.lazy-section .magnifiable img{min-height:200px}.scrolldown-arrow{display:block;width:48px;height:48px;margin:0 auto 3rem;border-left:3px solid #777;border-bottom:3px solid #777;transform:rotate(-45deg) translate3d(0,0,0);animation:bounce-fancy 3s cubic-bezier(.45,0,.55,1) infinite;transition:border-color .3s ease,opacity .3s ease;cursor:pointer;opacity:.6}.scrolldown-arrow:hover{opacity:1;border-color:gold;filter:drop-shadow(0 0 8px rgba(255, 215, 0, .5))}@keyframes bounce-fancy{0%,100%{transform:rotate(-45deg) translate3d(0,0,0)}50%{transform:rotate(-45deg) translate3d(-10px,10px,0)}}