@import"https://fonts.googleapis.com/css2?family=Platypi:ital,wght@0,300..800;1,300..800&family=Reddit+Sans:ital,wght@0,200..900;1,200..900&display=swap";:root{--login-bg: #9a0036;--login-card: #ffffff;--login-text: #1d1d1f;--login-muted: #6b7280}.login-page{position:relative;min-height:100vh;background:var(--login-bg);overflow:hidden;display:flex;justify-content:center;align-items:flex-start;padding:20px 16px 28px}.login-bg-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.login-bg-image img{width:100%;height:100vh;display:block;-o-object-position:center;object-position:center;opacity:50%}.login-container{position:relative;z-index:2;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:14px}.brand-logo{width:100%;display:block;padding:0 20px;text-align:center;margin-top:0}.brand-logo img{width:min(96vw,430px);height:auto;display:block;-o-object-fit:contain;object-fit:contain}.logo-fallback{width:144px;height:144px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff3;color:#fff;font-family:Platypi,serif;font-size:54px;font-weight:700}.brand-subtitle{margin-top:20px;font-family:Platypi,serif;font-weight:700;font-size:21px;color:#fff;text-align:center;text-transform:uppercase;line-height:1.1;margin-bottom:40px}.login-card{width:100%;max-width:400px;background:var(--login-card);border-radius:18px;box-shadow:0 12px 32px #00000038;text-align:center;padding:40px 30px;box-sizing:border-box}.login-title{margin:0 0 8px;color:#333;font-family:Reddit Sans,sans-serif;font-size:28px;line-height:1.2;font-weight:700}.login-desc{color:#666;font-family:Reddit Sans,sans-serif;font-size:14px;margin-bottom:30px;line-height:1.4;padding:0 62px}.login-errors{margin:0 0 18px;padding:12px 14px;border-radius:10px;border:1px solid #f5b7b9;background:#fde2e3;color:#9b1c1f;text-align:left;font-family:Reddit Sans,sans-serif;font-size:14px}.login-errors ul{margin:0;padding-left:18px}.login-errors li{margin:4px 0}.login-button{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0;border-radius:10px;text-decoration:none;transition:transform .2s ease,opacity .2s ease;cursor:pointer}.login-button:hover{transform:translateY(-1px);opacity:.94}.login-button:active{transform:translateY(0)}.login-button img{width:46px;height:46px;-o-object-fit:contain;object-fit:contain}.login-button span{color:var(--login-text);font-family:Reddit Sans,sans-serif;font-size:16px;font-weight:600}@media (min-width: 768px){.login-page{padding:28px 24px 36px;justify-content:center}.login-container{max-width:390px;gap:18px}.brand-logo{max-width:400px;margin-top:23px;display:block}.brand-logo img{width:min(96vw,460px)}.logo-fallback{width:160px;height:160px;font-size:60px}.login-card{max-width:400px;padding:40px 30px}.login-title{font-size:28px}.login-desc{font-size:14px}}@media (min-width: 1024px){.login-page{padding:28px 32px 40px;align-items:flex-start}.login-container{max-width:420px;gap:20px}.brand-logo{max-width:520px}.brand-logo img{width:min(98vw,520px)}.login-card{max-width:400px}.login-button img{width:48px;height:48px}}@media (max-width: 375px){.login-page{padding:16px 12px 24px}.login-container{gap:12px}.brand-logo{max-width:320px}.logo-fallback{width:132px;height:132px;font-size:50px}.login-card{padding:24px 18px;border-radius:16px}.login-title{font-size:26px}.login-desc{font-size:14px;margin-bottom:18px}.login-button img{width:42px;height:42px}}