/* clean_2 effects: auth */
body { background: radial-gradient(ellipse at 15% 15%, #49494944, transparent 35%), radial-gradient(ellipse at 92% 85%, #7575752b, transparent 30%), #0f0f0f !important; }
body::before, body::after { background: #96969630 !important; filter: blur(95px) !important; animation: ember 8s ease-in-out infinite alternate !important; }
.brand-mark { background: linear-gradient(145deg, #d2d2d2, #888888) !important; box-shadow: 0 0 23px #9c9c9c65 !important; }
.auth-card { background: linear-gradient(150deg, #1e1e1eed, #141414f5) !important; box-shadow: 0 25px 80px #00000088, 0 0 35px #96969620, inset 0 1px #ffffff11 !important; backdrop-filter: blur(18px) !important; animation: rise .55s ease both !important; }
.auth-eyebrow span { background: #a5a5a5 !important; box-shadow: 0 0 12px #8c8c8c !important; }
.password-strength { background: #0d0d0d !important; }
.password-strength > span { background: linear-gradient(90deg, #e64b4b, #a6a6a6 52%, #43cb79) !important; }
.suggest-password { background: linear-gradient(115deg, #363636, #272727) !important; }
.password-visibility { background: #1b1b1b !important; }
.suggest-password:hover { box-shadow: 0 0 13px #70707033 !important; }
.auth-card input:not([type="checkbox"]) { background: #0d0d0d !important; }
.auth-card input:focus { box-shadow: 0 0 0 3px #a0a0a020, 0 0 15px #a0a0a021 !important; }
.auth-submit { background: linear-gradient(105deg, #c8c8c8, #9c9c9c) !important; box-shadow: 0 5px 22px #99999935 !important; }
.auth-submit:hover { box-shadow: 0 8px 25px #99999960 !important; }
.referral-note { background: #3e3e3e33 !important; }
.discord-login { background: linear-gradient(135deg, #5865f2, #4752c4) !important; box-shadow: 0 10px 24px #5865f23d !important; }
.discord-login:hover { filter: brightness(1.07) !important; }
.discord-login.is-disabled { filter: grayscale(.4) !important; }
.auth-divider::before, .auth-divider::after { background: #363636 !important; }
::-webkit-scrollbar-track { background: #0f0f0f !important; }
::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #5d5d5d, #8f8f8f) !important; }
::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, #8f8f8f, #adadad) !important; }