body{color:#fff;min-height:100vh;margin:0;padding:0}.authPage{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;inset:0}.authContainer{background-color:var(--bg-secondary);width:70%;max-width:100%;height:75%;min-height:70%;box-shadow:0 0 5px 5px var(--text-secondary);opacity:0;text-align:center;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;padding:0 20px 20px;animation:1s forwards fadeIn;display:flex;overflow:hidden}.authContainer h1{letter-spacing:.2rem;font-size:40px;font-weight:700}.authContainer p{letter-spacing:.3px;margin:20px 0;font-size:1rem;line-height:20px}.authContainer a{color:#fff;font-size:1rem;text-decoration:underline}.authContainer form{flex-direction:column;justify-content:center;align-items:center;width:70%;height:100%;display:flex}.authContainer input{background-color:var(--bg-primary);color:#fff;border:none;border-radius:8px;outline:none;width:80%;margin:8px 0;padding:10px 15px;font-family:inherit}.auth-btn-primary{background-color:var(--text-secondary);cursor:pointer;text-align:center;color:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;margin-top:10px;padding:10px 45px;font-family:inherit;display:flex}.auth-btn-primary:hover{animation:.2s forwards getBigger}.auth-btn-primary:disabled{opacity:.6;cursor:not-allowed}.auth-btn-secondary{cursor:pointer;text-align:center;color:#fff;background-color:#0000;border:none;border-radius:8px;justify-content:center;align-items:center;margin-top:10px;padding:10px 45px;font-family:inherit;display:flex}.auth-btn-secondary:hover{opacity:.8}.auth-btn-secondary:disabled{opacity:.4;cursor:not-allowed}.top-button-row{border:2px solid var(--text-secondary);background-color:var(--bg-primary);border-radius:0 0 16px 16px;flex-direction:row;justify-content:space-evenly;align-items:center;width:auto;min-width:200px;height:auto;min-height:50px;display:flex;position:relative;top:0}.top-nav-btn{cursor:pointer;color:#fff;border:none;border-radius:0 0 14px 14px;width:50%;height:100%;padding:10px;font-family:inherit}.top-nav-btn-active{background-color:var(--text-secondary)}.top-nav-btn-inactive{background-color:#0000}.top-nav-btn-inactive:hover{background-color:#ff32b799}.button-row{flex-flow:wrap;justify-content:center;gap:20px;display:flex}@keyframes getBigger{0%{scale:100%}to{scale:110%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:1000px){.authContainer{width:85%;height:70%}.authContainer h1{font-size:2rem}.top-button-row{min-width:180px}.top-nav-btn{font-size:.9rem}}@media (max-width:768px){.authContainer{width:90%}.authContainer h1{font-size:1.5rem}.authContainer p{font-size:1rem}.authContainer input{padding:12px 15px;font-size:.95rem}.auth-btn-primary,.auth-btn-secondary{padding:12px 20px;font-size:.85rem}.button-row{gap:12px}}