@keyframes blob-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes blob-out{0%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}body{margin:0;font-family:sans-serif;box-sizing:border-box}#login{min-height:90vh;display:flex;align-items:center;justify-content:center}.loginh1{margin-bottom:0;margin-top:0}.auth-container{position:relative;display:flex;flex-direction:column;align-items:center;padding:40px 100px;background:#25282b;border-radius:12px;box-shadow:0 4px 24px rgb(0 0 0/40%);min-width:340px;max-width:-moz-fit-content;max-width:fit-content;overflow:hidden}.auth-container:before{content:"";position:absolute;inset:0;background:url(/assets/logow.png) 50%/100% no-repeat;opacity:.025;z-index:0;pointer-events:none}.auth-container>*{position:relative;z-index:1}.auth-container h1{font-size:2rem;text-align:center}.auth-inner{gap:64px;padding:25px}.auth-inner,.auth-right{display:flex;align-items:center}.auth-right{justify-content:center}.auth-right img{display:block;max-width:150px;height:auto}.auth-left{display:flex;flex-direction:column;justify-content:center;flex:1 1;min-width:200px}.auth-left form{display:flex;flex-direction:column;gap:16px;width:100%}.auth-left label{margin-top:8px;font-weight:500;color:#fff}.auth-left input[type=email],.auth-left input[type=password],.auth-left input[type=text]{padding:10px 12px;border:1px solid #444;border-radius:6px;background:#1f1f1f;color:#fff;font-size:1rem;outline:none;transition:border .2s;box-sizing:border-box}.password-mismatch{display:flex;align-items:center;gap:5px;color:red;animation:blob-in .25s ease-out forwards}.password-mismatch.hide{animation:blob-out .25s ease-out forwards}.auth-left input:focus{border-color:#3498db}.auth-left button[type=submit]{margin-top:12px;padding:10px 0;border:none;border-radius:6px;background:#3498db;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s}.auth-left button:hover{background:#217dbb}.auth-left p{margin-top:18px;font-size:.95rem;color:#ccc}.auth-left a{color:#72b4e0;text-decoration:underline;transition:color .2s}.auth-left a:hover{color:#3498db}.username-status{display:flex;align-items:center;margin-top:8px}.available{width:18px;height:18px;display:inline-block;background:url(/assets/warning.svg) 50%/contain no-repeat;margin-right:6px;vertical-align:middle;filter:brightness(0) saturate(100%) invert(92%) sepia(98%) saturate(7492%) hue-rotate(1deg) brightness(104%) contrast(104%)}@media (max-width:600px){.auth-container{padding:24px 8px;min-width:unset;max-width:98vw}.auth-inner{flex-direction:column;gap:16px}.auth-right img{max-width:120px}}.email-button,.github-button,.google-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:10px 0;font-size:1rem;font-weight:600;border-radius:6px;margin-bottom:12px;cursor:pointer;transition:background .2s,box-shadow .2s;border:none}.google-button{background:#fff;color:black;border:1px solid #ccc}.google-button img{width:22px;height:22px}.google-button:hover{background:#f5f5f5;box-shadow:0 2px 8px rgb(66 133 244/8%)}.github-button{background:#24292f;color:#fff;border:1px solid #1b1f23}.github-button img{width:22px;height:22px;filter:brightness(0) invert(1)}.github-button:hover{background:#444950;box-shadow:0 2px 8px rgb(36 41 47/12%)}.email-button{background:var(--main-color);color:#fff}.email-button:hover{background:#2980b9;box-shadow:0 2px 8px rgb(52 152 219/20%)}.email-button:disabled,.github-button:disabled,.google-button:disabled{background:#ccc;color:#666;cursor:not-allowed;box-shadow:none}.email-button:disabled:hover,.github-button:disabled:hover,.google-button:disabled:hover{background:#ccc!important;box-shadow:none!important}.back-button{background:transparent;border:none;color:var(--main-color);cursor:pointer;padding:10px 0;margin-bottom:10px;text-align:left;font-weight:400}.back-button:hover{background:transparent!important;text-decoration:underline}