*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{min-height:100vh;background:#000;display:flex;justify-content:center;align-items:center;overflow:auto;color:#fff;padding:60px 0;overflow-x:hidden}.particle{position:absolute;border-radius:50%;background:#b4b4b433;animation:float 8s infinite ease-in-out}@keyframes float{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(-30px);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-container{position:relative;width:360px;background:#141414e6;border:1px solid #2c2c2c;border-radius:20px;box-shadow:0 0 30px #9696964d;padding:40px 30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;text-align:center;animation:fadeIn 1.2s ease}.login-container h1{font-size:2.5em;font-weight:800;color:#d0d0d0;text-shadow:0 0 5px #888,0 0 15px #aaa,0 0 40px #888;margin-bottom:30px;letter-spacing:1px}form,.innerdiv{display:flex;flex-direction:column;align-items:center}.innerdiv{width:100%}fieldset{padding-bottom:10px;border:1px solid #2c2c2c}form label{font-size:.85em;font-weight:600;color:silver;margin-top:10px;align-self:flex-start;margin-left:3%;text-shadow:0 0 5px #333;text-align:left}.note{font-size:.85em;color:#9a9a9a;font-weight:600;margin-left:5px}.login-container input,.login-container textarea,.login-container select{width:95%;padding:8px;background:#111;border:1px solid #333;border-radius:8px;color:#fff;margin-top:5px;outline:none;font-size:.9em;transition:border .3s,box-shadow .3s;text-align:left}.login-container textarea{height:150px}.login-container input:focus{border-color:#aaa;box-shadow:0 0 8px #aaa}.password-container{position:relative;width:95%;text-align:center}.password-container input{width:100%;padding-right:35px}.password-container button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#aaa;cursor:pointer;font-size:.9em}.remember-container{margin-top:20px;width:95%;display:flex;align-items:center;justify-content:flex-start;gap:4px;color:silver;font-size:.9em}.remember-container input[type=checkbox]{width:13px;height:13px;cursor:pointer;accent-color:#aaa;margin:0}.remember-container label{cursor:pointer;margin:0;padding:0;vertical-align:middle}.login-container button.login-btn{width:95%;margin-top:15px;padding:8px;background:linear-gradient(90deg,#333,#666);border:none;border-radius:10px;font-size:.95em;font-weight:600;color:#fff;cursor:pointer;transition:background .3s,box-shadow .3s}.login-container button.login-btn:hover{background:linear-gradient(90deg,#444,#777);box-shadow:0 0 12px #888}.forgot-box{margin:20px auto 0;width:95%;text-align:center;border:1px solid #333;border-radius:10px;padding:10px 0;background:#28282880;box-shadow:0 0 15px #96969633;transition:box-shadow .3s}.forgot-box:hover{box-shadow:0 0 20px #c8c8c866}.forgot-box a{color:#ccc;text-decoration:none;font-weight:700;font-size:.95em}.extra-buttons{margin-top:50px;display:flex;justify-content:space-around}.extra-buttons a,.extra-buttons button{background:transparent;border:1px solid #777;color:#ccc;padding:6px 14px;border-radius:8px;font-size:.9em;font-weight:700;cursor:pointer;transition:all .3s;text-decoration:none;margin:5px}.extra-buttons a:hover,.extra-buttons button:hover{background:#888;color:#fff;box-shadow:0 0 10px #aaa}.extra-buttons.margin-top{margin-top:10px}.extra-buttons .margin-bottom{margin-bottom:10px}.irc-box{position:fixed;bottom:20px;width:320px;background:#1e1e1ed9;border:1px solid #333;border-radius:12px;padding:14px 16px;box-shadow:0 0 20px #96969633;font-size:.82em;line-height:1.5em;color:#d8d8d8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.irc-box strong{color:#b0b0b0}.irc-box:hover{box-shadow:0 0 25px #c8c8c866}.irc-box a{color:silver}.irc-box a:hover{color:#fff}svg{width:100px;height:100px}ul{width:95%;list-style:none;text-align:left;font-size:.8em;font-weight:600;text-shadow:0 0 5px #333;color:silver}li{padding-top:5px;padding-bottom:5px}fieldset{width:95%;margin-top:10px}fieldset label{display:block}@media (min-width: 1080px){.irc-box{right:20px}}@media (max-width: 1080px){body{padding-bottom:220px}}