.custom-button{padding:10px 20px;border-radius:15px;cursor:pointer;font-size:16px;text-transform:uppercase;border:none}.custom-button:disabled{background-color:#b0b0b0;cursor:not-allowed}.custom-button.main{background-color:#4a90e2;color:#fff}.custom-button.main:hover:not(:disabled){background-color:#3b7dc1}.custom-button.dark{background-color:#333;color:#fff}.custom-button.dark:hover:not(:disabled){background-color:#1a1a1a}.custom-button.light{background-color:#f5f5f5;color:#000}.custom-button.light:hover:not(:disabled){background-color:#ddd}.custom-button.warning{background-color:#ff4d4d;color:#fff}.custom-button.warning:hover:not(:disabled){background-color:#e60000}.custom-button.login-main{width:100%;background-color:#7a5aa2;color:#fff;padding:10px;border:none;border-radius:5px;cursor:pointer}.custom-button.login-main:hover:not(:disabled){background-color:#6e4a98}.custom-button.login-alt{width:100%;background-color:transparent;color:#7a5aa2;padding:10px;border:2px solid #7A5AA2;border-radius:5px;cursor:pointer}.custom-button.login-alt:hover:not(:disabled){background-color:#7a5aa2;color:#fff}.mana-fall-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;overflow:hidden;background-color:transparent;z-index:-1}.mana-logo{position:absolute;top:-100px;animation:fall 10s linear infinite}@keyframes fall{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.popup-overlay{position:fixed;bottom:50px;right:50%;transform:translate(50%);width:500px;height:18px;background-color:#3b7dc1;padding:15px;border-radius:8px;z-index:1000;display:flex;justify-content:center;align-items:center}.popup-content{text-align:center;font-size:18px}.popup-overlay.success{background:#87e76c;color:#fff}.popup-overlay.error{background:#dc8b8b;color:#fff}.popup-overlay.info{background:#346ccc;color:#fff}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}.input-wrapper{display:flex;flex-direction:column;margin-bottom:20px}.input-field-wrapper{display:flex;align-items:center;gap:10px;transition:border-color .3s ease;border-bottom:2px solid transparent}.input-field-wrapper:hover{border-bottom:2px solid #aaa}.remember-me-wrapper{display:flex;align-items:center;gap:10px;margin-bottom:20px}.remember-me-wrapper input[type=checkbox]{width:18px;height:18px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#ccc;border:2px solid #7A5AA2;border-radius:4px;position:relative;cursor:pointer;transition:background-color .3s ease,border-color .3s ease}.remember-me-wrapper input[type=checkbox]:checked{background-color:#2a68a2;border-color:#7a5aa2}.remember-me-wrapper input[type=checkbox]:checked:after{content:"";position:absolute;top:2px;left:5px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);display:inline-block}.remember-me-wrapper input[type=checkbox]:focus{outline:none;border-color:#7a5aa2}.remember-me-wrapper label{color:#fff;font-size:.875rem;letter-spacing:.5px;cursor:pointer;-webkit-user-select:none;user-select:none}.input-field-wrapper input{flex:1;background:transparent;border:none;padding:10px 0;outline:none;color:#fff;font-size:1rem;transition:all .3s ease}.input-field-wrapper:focus-within{border-bottom:2px solid #7A5AA2}.input-logo{width:24px;height:24px;fill:#7a5aa2;transition:transform .3s ease}.input-wrapper label{margin-bottom:8px;color:#bbb;font-size:.875rem;letter-spacing:.5px;text-transform:uppercase}.input-field-wrapper input:focus+.input-logo{transform:scale(1.2)}.input-field-wrapper input:focus{color:#fff}.input-field-wrapper:hover .input-logo{transform:scale(1.1)}.remember-me-wrapper{display:flex;align-items:center;margin-left:5px;gap:10px;margin-bottom:20px}.clear{clear:both}.checkBox{display:block;cursor:pointer;width:10px;height:10px;border:3px solid rgba(255,255,255,0);border-radius:3px;position:relative;overflow:hidden;box-shadow:0 0 0 2px #7a5aa2}.checkBox div{width:60px;height:60px;background-color:#7a5aa2;top:-52px;left:-52px;position:absolute;transform:rotate(45deg);z-index:100;transition:.3s ease}.checkBox input[type=checkbox]:checked+div{left:-10px;top:-10px}.checkBox input[type=checkbox]{position:absolute;left:50px;visibility:hidden}.transition{transition:.3s ease}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#27272d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}