nav[data-v-62e5b298]{background-color:var(--secondary-color);border-bottom:1px solid hsla(0,0%,100%,.1);box-shadow:0 2px 10px #0003;padding:.5rem 1rem;position:sticky;top:0;z-index:100}.nav-bar[data-v-62e5b298]{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:.5rem}.nav-bar[data-v-62e5b298],.nav-bar[data-v-62e5b298]>*{transition:all .3s ease}.nav-bar.no-back .nav-bar__brand[data-v-62e5b298]{animation:slide-in-62e5b298 .3s ease forwards;transition:transform .3s ease}.nav-bar__brand.slide-in[data-v-62e5b298]{animation:slide-in-62e5b298 .3s ease}.nav-bar__brand[data-v-62e5b298]{text-align:center;transition:transform .3s ease}.nav-bar__brand a[data-v-62e5b298]{color:#fff;display:flex;flex-direction:column;text-decoration:none;transition:transform .2s ease}.nav-bar__brand a[data-v-62e5b298]:hover{transform:translateY(-2px)}.nav-bar__brand h1[data-v-62e5b298]{background:linear-gradient(90deg,#3a7bd5,#00d2ff);-webkit-background-clip:text;font-size:1.6rem;font-weight:800;margin:0;-webkit-text-fill-color:transparent;text-fill-color:transparent}.nav-bar__brand h2[data-v-62e5b298]{font-size:.8rem;font-weight:400;margin:0;opacity:.7}.nav-bar__links[data-v-62e5b298]{gap:1rem}.nav-bar__links[data-v-62e5b298],.nav-link[data-v-62e5b298]{align-items:center;display:flex}.nav-link[data-v-62e5b298]{border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;gap:.5rem;padding:.6rem 1.2rem;text-decoration:none;transition:all .2s ease}.login-link[data-v-62e5b298]{background:linear-gradient(90deg,#3a7bd5,#00d2ff)}.login-link[data-v-62e5b298]:hover{background:linear-gradient(90deg,#4a8be5,#10e2ff);box-shadow:0 4px 12px #00d2ff4d;transform:translateY(-2px)}.register-link[data-v-62e5b298]{background-color:#ffffff1a;border:1px solid hsla(0,0%,100%,.2)}.register-link[data-v-62e5b298]:hover{background-color:#fff3;transform:translateY(-2px)}.logout-button[data-v-62e5b298]{background-color:#dc35451a;border:1px solid rgba(220,53,69,.3);color:#ff6b6b;font-size:.95rem}.logout-button[data-v-62e5b298]:hover{background-color:#dc354533;color:#ff8585;transform:translateY(-2px)}.button-icon[data-v-62e5b298]{font-size:1rem}.back-button[data-v-62e5b298]{align-items:center;background-color:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.6rem 1.2rem;text-decoration:none;transition:all .2s ease}.back-button[data-v-62e5b298]:hover{background-color:#fff3;transform:translateY(-2px)}.back-icon[data-v-62e5b298]{font-size:1rem}.nav-bar__back[data-v-62e5b298]{align-items:center;animation:fade-in-62e5b298 .3s ease;display:flex;flex-basis:100px;flex-grow:.0001;justify-content:flex-start;transition:all .3s ease;width:100px}@keyframes fade-in-62e5b298{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-62e5b298{0%{transform:translate(-50px)}to{transform:translate(0)}}@media (max-width:768px){.nav-bar__brand h1[data-v-62e5b298]{font-size:1.4rem}.nav-bar__brand h2[data-v-62e5b298]{font-size:.7rem}.back-button[data-v-62e5b298],.nav-link[data-v-62e5b298]{font-size:.9rem;padding:.5rem 1rem}.back-icon[data-v-62e5b298],.button-icon[data-v-62e5b298]{font-size:.9rem}.nav-bar__back[data-v-62e5b298]{width:90px}.nav-bar.no-back[data-v-62e5b298]{justify-content:space-between}}@media (max-width:480px){.nav-bar[data-v-62e5b298]{padding:.3rem}.nav-bar__brand h1[data-v-62e5b298]{font-size:1.2rem}.nav-bar__brand h2[data-v-62e5b298]{font-size:.6rem}.back-button[data-v-62e5b298],.nav-link[data-v-62e5b298]{font-size:.8rem;padding:.4rem .7rem}.back-icon[data-v-62e5b298],.button-icon[data-v-62e5b298]{font-size:.8rem}.nav-bar__links[data-v-62e5b298]{gap:.5rem}.nav-bar__back[data-v-62e5b298]{width:80px}}@media (max-width:360px){.back-button[data-v-62e5b298],.nav-link[data-v-62e5b298]{font-size:.75rem;padding:.3rem .6rem}.back-icon[data-v-62e5b298],.button-icon[data-v-62e5b298]{font-size:.75rem}.nav-bar__brand h1[data-v-62e5b298]{font-size:1.1rem}.nav-bar__brand h2[data-v-62e5b298]{font-size:.55rem}}:root{--primary-color:#1e1e1e;--secondary-color:#333;--hover-color:#4d4d4d}body,html{background-color:var(--primary-color);color:#fff;font-family:Roboto,sans-serif;margin:0;overflow-x:hidden;padding:0;width:100%;-webkit-overflow-scrolling:touch}*{box-sizing:border-box}#app{display:grid;grid-template-rows:auto 1fr;min-height:100vh;overflow-x:hidden;width:100%}.nav-bar{align-items:center;display:flex;justify-content:space-between;padding:1rem}input[type=number],input[type=text],select,textarea{font-size:16px;max-width:100%}audio,canvas,embed,iframe,img,object,svg,video{display:block;max-width:100%}