.login-background{filter:blur(8px);pointer-events:none;position:fixed;inset:0;overflow:hidden;transform:scale(1.025)}.login-overlay{z-index:100;background:#fafafa94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.login-dialog{color:#111;background:#fff;border:1px solid #e9e9e9;border-radius:24px;width:min(100%,420px);max-height:calc(100dvh - 40px);font-family:Arial,Helvetica,system-ui,sans-serif;overflow:auto;box-shadow:0 28px 80px #00000029}.login-dialog-header{grid-template-columns:60px 1fr 60px;align-items:center;padding:20px 22px 0;display:grid}.login-close{color:#111;background:#f3f3f3;border-radius:999px;place-items:center;width:58px;height:40px;font-size:12px;font-weight:700;text-decoration:none;display:grid}.login-close:hover{background:#e9e9e9}.login-brand{color:#111;letter-spacing:-.09em;justify-self:center;font:900 30px/1 Arial,Helvetica,sans-serif;text-decoration:none}.login-dialog-content{text-align:center;padding:50px 32px 36px}.login-dialog-content h1{letter-spacing:-.055em;margin:0 0 10px;font-size:28px;font-weight:700;line-height:1.14}.login-dialog-content p{color:#777;margin:0;font-size:14px;line-height:1.5}.login-dialog-content .login-notice{color:#333;background:#f3f3f3;border-radius:12px;margin-top:22px;padding:12px}.login-form{text-align:left;margin-top:26px}.login-form label{margin-bottom:8px;font-size:13px;font-weight:700;display:block}.login-form input[name=referral_code]{color:#111;letter-spacing:.02em;background:#fff;border:1px solid #ccc;border-radius:10px;width:100%;min-height:46px;padding:10px 12px;font:600 13px/1.3 Arial,Helvetica,sans-serif}.login-form input[name=referral_code]:focus-visible{outline-offset:2px;outline:2px solid #111}.login-dialog-content .login-referral-status{min-height:19px;margin-top:7px;font-size:12px}.login-dialog-content .login-referral-valid{color:#245c37}.login-google{width:100%;margin-top:20px;text-decoration:none}.login-google:disabled{opacity:.5;cursor:not-allowed}.login-dialog-content .login-switch{margin-top:18px;font-size:13px}.login-switch a{color:#111;text-underline-offset:2px;font-weight:700;text-decoration:underline}@media (max-width:520px){.login-overlay{padding:16px}.login-dialog{border-radius:21px;max-height:calc(100dvh - 32px)}.login-dialog-header{padding:16px 18px 0}.login-dialog-content{padding:42px 24px 30px}.login-dialog-content h1{font-size:25px}}
