*{margin:0;padding:0;box-sizing:border-box;font-family:"Roboto, serif",sans-serif}body{display:flex;justify-content:center;background-color:#0c0f11;color:#a8adb2;min-height:100vh;width:100%}#root{width:100%}.skip-link{position:absolute;left:-999px;top:.5rem;z-index:2000;background:#f0f6fc;color:#0c0f11;padding:.5rem .8rem;border-radius:6px;text-decoration:none;font-weight:600}.skip-link:focus{left:.75rem}.page-loading{min-height:30vh;display:flex;align-items:center;justify-content:center;color:#d0d6dc}.spinner{width:38px;height:38px;border-radius:50%;border:3px solid rgba(240,246,252,.2);border-top-color:#f0f6fc;animation:spin .8s linear infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{to{transform:rotate(360deg)}}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #8ab4f8;outline-offset:2px;border-radius:6px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}@media screen and (max-width: 1200px){.container{max-width:960px}}@media screen and (max-width: 992px){.container{max-width:720px}}@media screen and (max-width: 768px){.container{max-width:540px}body{font-size:14px}}@media screen and (max-width: 576px){.container{max-width:100%;padding:0 .5rem}body{font-size:13px}}img{max-width:100%;height:auto}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,4vw,2.5rem)}h3{font-size:clamp(1.2rem,3vw,2rem)}p{font-size:clamp(1rem,2vw,1.1rem);line-height:1.6}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.spinner{animation:none}}.navbar{width:100%;margin:2rem auto;display:flex;justify-content:center}.navbar__container{display:flex;align-items:center;justify-content:flex-start;gap:2rem;width:100%;margin-bottom:2rem;max-width:1200px;flex-wrap:nowrap;padding-top:1rem}@media (max-width: 768px){.navbar__container{width:100%;justify-content:space-between;gap:1rem;flex-wrap:nowrap;padding:0 1rem}}.navbar__links{margin-left:auto}.navbar__brand{display:flex;align-items:center;font-weight:700;border-radius:.5rem}.navbar__brand a{text-decoration:none;color:inherit;cursor:pointer;text-transform:uppercase;font-size:18px;letter-spacing:.1em;font-weight:700;transition:all .3s ease}.navbar__brand a:hover{color:#fff}.navbar__brand svg{margin-right:.5rem}.navbar__hamburger{display:none;background:none;border:none;cursor:pointer;z-index:1000}@media (max-width: 768px){.navbar__hamburger{display:flex;align-items:center;justify-content:center;font-size:20px;border:1px solid #fff;padding:4px;border-radius:6px;transition:all .3s ease;width:32px;height:32px}.navbar__hamburger svg{color:#fff;fill:#fff;transition:transform .3s ease;width:18px;height:18px;display:block}.navbar__hamburger:hover{background:#fff3;transform:scale(1.05)}.navbar__hamburger:active{transform:scale(.95)}.navbar__hamburger .rotate-in{animation:rotateIn .3s ease forwards;display:flex;align-items:center;justify-content:center}.navbar__hamburger .rotate-out{animation:rotateOut .3s ease forwards;display:flex;align-items:center;justify-content:center}}.navLinks{display:flex;align-items:center;gap:1.5rem}.navLinks li{list-style:none}.navLinks li a{color:inherit;text-decoration:none;font-weight:400;font-size:18px;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.navLinks li a:hover{color:#fff;transform:translateY(-2px)}.navLinks li a.active{color:#fff}@media (max-width: 768px){.navLinks{position:fixed;top:0;left:0;height:100vh;width:100vw;background-color:#0c0f11;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;padding:6rem 2rem;justify-content:center;align-items:center;box-shadow:none;transition:opacity .3s ease-in-out;z-index:999;opacity:0;pointer-events:none}.navLinks--open{opacity:1;pointer-events:auto}.navLinks li{animation:fadeInRight .5s ease-out forwards;opacity:0;width:100%;text-align:center}.navLinks li:nth-child(1){animation-delay:.1s}.navLinks li:nth-child(2){animation-delay:.2s}.navLinks li:nth-child(3){animation-delay:.3s}.navLinks li:nth-child(4){animation-delay:.4s}.navLinks li a{font-size:1.5rem;color:#fff;padding:1rem 0;width:100%;display:block}.navLinks li a:hover{background-color:#ffffff1a;border-radius:4px}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes rotateIn{0%{transform:rotate(-180deg);opacity:0}to{transform:rotate(0);opacity:1}}@keyframes rotateOut{0%{transform:rotate(180deg);opacity:0}to{transform:rotate(0);opacity:1}}.body--no-scroll{overflow:hidden}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;background-color:#0c0f11;color:#fff;border:1px solid #3d444d;padding:.5rem;font-size:1.2rem;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:opacity .3s ease,transform .3s ease,background-color .3s ease,visibility .3s;z-index:999;opacity:0;visibility:hidden;transform:translateY(1rem)}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top.visible:hover{color:#fff;transform:scale(1.1)}.kofi-float{position:fixed;bottom:2rem;left:2rem;z-index:999;line-height:0}.kofi-float a.kofi-button,.kofi-float span.kofitext,.kofi-float .kofitext a{color:#111!important}.kofi-float a.kofi-button{transition:opacity .2s ease,transform .2s ease}.kofi-float:hover a.kofi-button{opacity:.9;transform:translateY(-2px)}@media (max-width: 480px){.kofi-float{bottom:1.25rem;left:1.25rem}}