:root{--primary-color: #077368;--secondary-color: #F27B50;--background-color: #051D26;--text-color: #ffffff}body{line-height:1.6;margin:0;padding:0;color:var(--text-color);min-height:100vh}#root{display:flex;flex-direction:column;min-height:100vh}nav{width:250px}h1{font-size:2.5rem;font-weight:600;text-transform:uppercase;line-height:normal;color:var(--secondary-color)}button{background-color:var(--primary-color);color:var(--background-color);border:1px;padding:.5rem 1rem;font-size:1rem;cursor:pointer;transition:all .3s ease}@media (max-width: 768px){.container{padding-left:0}main{padding:1rem}}.menu-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999}@media (max-width: 768px){.menu-open .menu-overlay{display:block}}.navbar{background-color:var(--background-color);max-width:400px;width:100%;height:100vh;top:0;left:0;display:flex;flex-direction:column;align-items:center;transition:transform .3s ease-in-out;overflow-y:auto;z-index:1000}.navbar-header{display:flex;flex-direction:column;align-items:center;padding:1rem;border-bottom:1px solid var(--primary-color);max-width:250px;width:100%}.navbar-logo{max-width:50px;margin:10px}.navbar-title{display:flex;flex-direction:column;align-items:center;width:100%}.main-link{color:var(--primary-color);font-weight:600;font-size:1.5rem;text-decoration:none;text-align:center}.subtitle{color:color-mix(in srgb,var(--primary-color) 80%,white 20%);font-size:1rem;margin-top:.25rem}.hamburger{display:none;flex-direction:column;justify-content:space-around;width:2rem;height:2rem;background:transparent;border:none;cursor:pointer;padding:0;z-index:10}.hamburger span{width:2rem;height:.25rem;background-color:var(--primary-color);transition:all .3s linear;position:relative;transform-origin:1px}.navbar-menu{list-style-type:none;padding:1rem;margin:0;max-width:250px}.navbar-menu li{margin-bottom:1rem}.navbar-planet{max-width:300px;position:relative;left:-135px;padding-top:100px}.all-guides-link{color:var(--secondary-color);font-weight:600;font-size:1.1rem;margin-bottom:1rem;display:block;text-decoration:none}.all-guides-link:hover{color:color-mix(in srgb,var(--secondary-color) 80%,white 20%)}.guides-separator{margin-top:1rem;margin-bottom:1rem;color:var(--secondary-color);font-weight:600;text-transform:uppercase;font-size:.9em}.guide-link{color:var(--text-color);text-decoration:none;font-size:1rem;transition:color .3s ease;line-height:normal;font-size:1em}.guide-link:hover{color:var(--secondary-color)}.logout-container{margin-top:auto;padding:1rem;max-width:200px;width:100%}.logout-button{width:100%;padding:.5rem;background-color:var(--primary-color);color:var(--text-color);border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:all .3s ease}.logout-button:hover{background-color:var(--secondary-color)}@media (max-width: 768px){.navbar{width:100svw;height:100svh;transform:translate(-100%)}.navbar.open{transform:translate(0);position:relative;z-index:2}.closed-hamburger{position:relative;left:1rem}.hamburger{display:flex;position:absolute;top:3rem;right:1rem}.navbar-title{margin-right:3rem}.open .hamburger span:first-child{transform:rotate(45deg)}.open .hamburger span:nth-child(2){opacity:0}.open .hamburger span:nth-child(3){transform:rotate(-45deg)}}.guides-container{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:2rem;background:linear-gradient(180deg,var(--light-blue),var(--dark-blue) 50%);width:100%}.guides-content{background-color:#ffffff0d;border-radius:8px;padding:2rem;width:100%;box-shadow:0 4px 6px #0000001a}.guides-content h1{color:var(--secondary-color);margin-bottom:1.5rem;height:100%}.guides-list{list-style-type:none;padding:0}.guide-item{margin-bottom:1.5rem;transition:transform .3s ease}.guide-item:hover{transform:translateY(-5px)}.guide-item a{display:block;text-decoration:none;color:var(--text-color);background-color:#ffffff1a;padding:1rem;border-radius:4px;transition:background-color .3s ease}.guide-item a:hover{background-color:#fff3}.guide-item h2{color:var(--primary-color);margin-top:0;margin-bottom:.5rem}.guide-item p{margin:0;font-size:.9rem;opacity:.8}.loading,.error,.no-guides{text-align:center;padding:2rem;background-color:#ffffff0d;border-radius:8px}.error{color:var(--secondary-color)}@media (max-width: 768px){.guides-container{padding:1rem;position:absolute;top:0;left:0;height:100svh}.guides-content{padding:1rem 2rem}}main{flex:1;overflow-y:auto;display:flex;justify-content:center}@media (max-width: 768px){main{padding:.5rem}}.guide-overlay{width:100%;height:100%;background-color:#000;opacity:.7;position:fixed;top:0;left:0;z-index:-1}.guide-container{max-width:800px;max-height:95vh;overflow-y:auto;margin:0 auto;padding:20px 60px;background:linear-gradient(180deg,var(--light-blue),var(--dark-blue) 50%)}.guide-title{font-family:GeistMonoVF,sans-serif;font-size:2.5rem;font-weight:600;line-height:normal;color:var(--primary-color);margin-bottom:1rem;margin-top:1rem;text-transform:uppercase}.guide-description{font-size:1.1rem;font-weight:300;line-height:normal;color:var(--text-color);margin-bottom:2rem;border-left:3px solid var(--secondary-color);padding-left:1rem}.guides-page{padding-left:2rem;padding-top:2rem}.guides-page ul{list-style-type:none;padding-inline-start:0}.guides-page h1{padding-bottom:2rem}.step-container{background:linear-gradient(180deg,#0525311a,#052531 50%);border-radius:8px;padding:20px;margin-bottom:2rem;margin-top:1rem}.step-title{font-size:1.8rem;font-weight:600;color:var(--secondary-color);margin-bottom:1rem;text-transform:uppercase}.step-description{font-size:1rem;font-weight:300;line-height:normal;color:var(--text-color);margin-bottom:1.5rem}.media-container{width:100%;max-width:600px;margin:20px auto}.step-media{width:100%;height:auto;min-width:200px;max-width:100%;object-fit:contain;border-radius:4px}.navigation-buttons{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;margin-bottom:2rem}.nav-button{padding:.5rem 1rem;font-size:1rem;color:var(--background-color);background-color:var(--primary-color);border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;font-weight:600}.nav-button:hover{background-color:var(--secondary-color)}.nav-button:disabled{background-color:#333;color:#666;cursor:not-allowed}.step-indicator{font-size:1.1rem;color:var(--primary-color)}@media (max-width: 768px){.guide-container{position:absolute;top:0;left:0;height:100svh}.guide-title{font-size:2rem;line-height:normal}.step-title{font-size:1.5rem;line-height:normal}.navigation-buttons{flex-direction:column;align-items:stretch}.nav-button{margin-bottom:1rem}.step-indicator{order:-1;margin-bottom:1rem;text-align:center}}.loading,.error{text-align:center;padding:20px;font-size:1.2rem;color:var(--primary-color)}.progress-bar{width:100%;height:5px;background-color:#fff3;margin-bottom:20px;margin-top:60px}.progress{height:100%;background-color:var(--secondary-color);transition:width .3s ease}.step-container{transition:opacity .3s ease}.login-page{display:flex;justify-content:center;align-items:center;height:100vh}.login-overlay{position:fixed;top:0;left:0;height:100%;width:100%;opacity:.6;background-color:var(--background-color)}.af-logo{width:80px;margin:0 auto;display:block}.login-container{z-index:2;background-color:var(--background-color);background:linear-gradient(180deg,var(--light-blue),var(--dark-blue) 50%);padding:2rem;border-radius:8px;box-shadow:var(--neon-glow);width:100%;max-width:400px;border:2px solid var(--primary-color)}.login-container h2{text-align:center;color:var(--secondary-color);margin-bottom:4rem}.input-group{margin-bottom:1rem}.input-group input{width:100%;padding:.75rem;background-color:#ffffff1a;border:1px solid var(--primary-color);border-radius:4px;font-size:1rem;color:var(--text-color)}.input-group input::placeholder{color:#ffffff80}.input-group label{display:none}.login-button{width:100%;padding:.75rem;background-color:var(--secondary-color);color:var(--background-color);border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;font-weight:700}.login-button:hover{background-color:var(--secondary-color);box-shadow:var(--neon-glow)}.error{color:#fff;text-align:center;margin-top:1rem}a:link,a:visited{color:#1087c9}:root{--primary-color: #077368;--secondary-color: #F27B50;--background-color: #051D26;--light-blue: #044355;--dark-blue: #051D27;--text-color: #ffffff}@font-face{font-family:GeistVF;src:local("GeistVF"),url(/assets/GeistVF-Bpq0OARI.ttf)}@font-face{font-family:GeistMonoVF;src:local("GeistMonoVF"),url(/assets/GeistMonoVF-DyWWVF8b.ttf)}*{box-sizing:border-box;font-family:GeistVF,sans-serif}h2{font-family:GeistMonoVF,sans-serif}body{line-height:1.6;margin:0;padding:0;background-image:url(/assets/background-PbbBpqQA.webp);background-position:center;background-repeat:no-repeat;background-size:cover;background-color:var(--background-color);color:var(--text-color);overflow:hidden;display:flex;flex-direction:column}.container{display:flex;flex:1}nav{padding-right:2rem}nav ul{list-style-type:none;padding:0}nav ul li{margin-bottom:1rem}nav a{color:var(--primary-color);text-decoration:none;font-size:1.2rem;transition:color .3s ease}nav a:hover{color:var(--secondary-color)}main{flex:1;overflow-y:auto}h1{font-size:2.5rem;color:var(--secondary-color)}h2{font-size:2rem;font-weight:500;line-height:normal}p{font-size:1.1rem;font-weight:300;color:#fff;line-height:normal}a{text-decoration:none}button{background-color:var(--primary-color);color:var(--background-color);padding:.5rem 1rem;font-size:1rem;cursor:pointer;transition:all .3s ease}button:hover{background-color:var(--secondary-color)}@media (max-width: 768px){body{height:100svh;overflow:scroll}.container{flex-direction:column;overflow:auto}nav{border-right:none;border-bottom:2px solid var(--primary-color)}nav{display:flex;justify-content:space-around}nav ul li{margin-bottom:0}}