@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap";@import"https://fonts.googleapis.com/icon?family=Material+Icons";html{background-color:#1e1e1e}html body{color:#ccc;font-family:Playfair Display,serif;text-align:center;font-weight:400;margin:0 auto;padding:0;overflow-x:hidden;max-width:900px}#background{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1}#background .dot{position:absolute;width:6px;height:6px;background:radial-gradient(circle,#cccccc 0%,transparent 100%);border-radius:50%;opacity:.7}nav{position:fixed;top:0;left:0;width:100%;height:60px;background-color:#1e1e1efa;box-shadow:0 2px 8px #0006;z-index:10}nav .nav-wrapper{max-width:900px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 24px}nav .brand-logo{color:#ccc;font-family:Playfair Display,serif;font-size:1.7rem;font-weight:700;letter-spacing:2px;text-decoration:none;transition:color .2s}nav .brand-logo:hover{color:#f2f2f2}nav ul{display:flex;align-items:center;margin:0;padding:0;list-style:none}nav ul li{margin-left:28px}nav ul li a{color:#ccc;font-size:1.1rem;text-decoration:none;font-weight:500;padding:6px 10px;border-radius:4px;transition:background .2s,color .2s}nav ul li a:hover{background:#ffffff14;color:#f2f2f2}@media(max-width:600px){nav .nav-wrapper{flex-direction:column;align-items:flex-start;padding:0 10px}nav .brand-logo{font-size:1.2rem;margin-bottom:6px}nav ul{flex-direction:column;width:100%;position:fixed;top:60px;left:0;width:100vw}nav ul li{background-color:#1e1e1e;padding:5px 20px;width:100%}}nav #hamburger-button{display:none;cursor:pointer;position:fixed;top:12px;right:20px;color:#fff}@media(max-width:600px){nav #hamburger-button{display:block}}nav #hamburger-button i.material-icons{font-size:36px;transition:transform .3s}main{margin-top:70px}.error-message{background-color:#ff7575;border:rgb(255,54,54) solid 1px;padding:5px 30px;border-radius:5px;font-size:14px;margin-top:10px;text-align:center;color:#000}#login-form{display:flex;flex-direction:column;align-items:center;justify-content:center;border:rgb(175,175,175) solid 1px;background-color:#ffffff05;margin-top:100px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:10px;box-shadow:#fff 0 0 5px;padding:20px}#login-form h1{font-size:40pt;margin:0;padding-bottom:20px;opacity:0}label{font-size:20px;color:#ccc;margin-bottom:5px;font-family:Playfair Display,serif}input{border:1px solid #ccc;padding:10px;border-radius:5px;width:calc(100% - 22px);margin-bottom:10px;font-size:16px;background:#ffffff0d;box-shadow:inset 0 2px 4px #000;color:#ccc;transition:border-color .3s}input:focus{outline:none;border-color:#4f39f6}button{background:linear-gradient(135deg,#494949,#747474);box-shadow:0 4px 12px #0000004d;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px;transition:transform .2s,box-shadow .2s}button:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0006}#register_link,#login_link{color:#fff;text-decoration:underline;font-size:16px;margin-top:30px}@media(max-width:600px){#login-form{width:90vw;max-width:400px;margin-left:auto;margin-right:auto;padding:0 20px}}