*{margin:0;padding:0;box-sizing:border-box}html{overflow-y:scroll}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424}body{margin:0;min-width:320px;min-height:100vh}#root{padding-top:60px}a{font-weight:500;text-decoration:none}h1{font-size:3.2em;line-height:1.1}#root{width:100%;margin:0;padding:0;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.main-content{padding-top:80px;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.card{border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem;margin-top:2rem}h1{color:#333;margin-bottom:1.5rem;font-size:2.5rem}.read-the-docs{color:#888}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f0ebe6}.loading-spinner{width:50px;height:50px;border:5px solid rgb(224,202,155);border-top:5px solid rgb(10,34,34);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.navbar{position:fixed;top:0;width:100%;height:65px;background:linear-gradient(135deg,#0a2222,#143737);z-index:3000;box-shadow:0 4px 20px #0003}.navbar-container{max-width:1200px;height:100%;margin:auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between}.logo-image{height:45px}.desktop{display:flex}.nav-links ul,.auth-links ul{display:flex;gap:1.5rem;list-style:none}.nav-links a,.auth-links a{color:#e0ca9b;text-decoration:none;font-weight:500;transition:.3s}.nav-links a:hover,.auth-links a:hover{color:#fff}.mobile-menu-button{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer}.mobile-menu-button span{width:25px;height:3px;background:#e0ca9b;transition:.3s}.mobile-menu-button.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-button.active span:nth-child(2){opacity:0}.mobile-menu-button.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu{position:fixed;top:65px;right:0;width:75%;height:calc(100vh - 65px);background:linear-gradient(135deg,#0a2222,#143737);transform:translate(100%);transition:transform .35s ease;z-index:2500;padding:2rem}.mobile-menu.active{transform:translate(0)}.mobile-menu ul{list-style:none;display:flex;flex-direction:column;gap:1.4rem}.mobile-menu a{color:#e0ca9b;text-decoration:none;font-size:1.1rem}.mobile-divider{height:1px;background:#e0ca9b4d;margin:1.5rem 0}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:2000}@media (max-width: 768px){.desktop{display:none}.mobile-menu-button{display:flex}}body{padding-top:65px}