:root{--background:#ffffff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body,html{max-width:100vw;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}a,i,span{display:inline-block}.auth-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;position:relative}.auth-401{font-size:250px;color:#ff3333}.auth-title{font-size:30px;margin-bottom:16px;color:#ff3333}.auth-desc{font-size:20px;color:#33333386}.auth-subtitle{font-size:20px;color:#333}.auth-link{color:#007bff;text-decoration:none;font-weight:500;cursor:pointer;&:hover{text-decoration:underline}}.loading-overlay{position:fixed;top:0;left:0;background-color:rgba(255,255,255,.8);z-index:1050}.auth-popup-container,.loading-overlay{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.auth-popup-container{position:absolute;inset:0;background-color:rgba(0,0,0,.5)}.popup{position:relative;background-color:#fff;padding:20px;border-radius:5px;display:flex;flex-direction:column;gap:10px;width:450px}.popup-close{position:absolute;top:10px;right:10px;cursor:pointer;transition:all .2s ease-in-out;&:hover{color:red;transform:scale(1.2)}}.popup-title{font-size:20px;font-weight:700;text-align:center;margin-top:20px}.popup-subtitle{font-size:16px;text-align:center}.popup-form{display:flex;flex-direction:column;align-items:center;gap:10px}.form-input{padding:8px 10px;border:1px solid #ccc;border-radius:5px;font-size:16px;outline:none;width:100%}