@import url('/fonts.css');
:root{color-scheme:dark;font:14px/1.6 Manrope,-apple-system,BlinkMacSystemFont,sans-serif;background:#1c1017;color:#f8eef0}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 75% 15%,#6b254537,transparent 65%);overflow-x:hidden}.ribbon{position:fixed;right:-120px;top:-170px;width:650px;opacity:.65;pointer-events:none;z-index:-1;animation:float 20s ease-in-out infinite alternate}main{width:100%;max-width:440px;background:linear-gradient(120deg,#3e2030e6,#27151fe8);border:1px solid #633449;border-radius:25px;padding:36px;box-shadow:0 20px 100px #10080d44;animation:appear .45s ease-out}.brand{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:800;color:inherit;text-decoration:none}.brand img{width:35px;height:43px}.eyebrow{font-size:9px;letter-spacing:2px;color:#cf98b0;margin:14px 0 28px}h1{font-size:25px;line-height:1.3;letter-spacing:-.7px}main>p:not(.eyebrow){color:#c6a2b2;font-size:13px}label{display:block;font-size:12px;margin-top:21px}input{width:100%;display:block;margin-top:7px;border-radius:10px;border:1px solid #78445b;background:#23121c;padding:12px;color:#fae5ee;font:inherit}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #efbecd;outline-offset:4px}button{margin-top:27px;width:100%;padding:14px 18px;border:1px solid #edb4ca;border-radius:12px;background:linear-gradient(120deg,#f4bfd2,#eaa9c1);color:#2d1420;cursor:pointer;font:700 13px Manrope,sans-serif;display:flex;justify-content:space-between;transition:transform .18s,box-shadow .18s}button:hover{box-shadow:0 4px 25px #dd799a22}button:active{transform:scale(.98)}button:disabled{opacity:.6;cursor:wait}#login-error{color:#ffbace;font-size:12px;margin:18px 0 0}footer{margin-top:28px;font-size:10px;color:#a77c90;text-align:center}@keyframes float{to{transform:translate(-10px,12px) rotate(2deg)}}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:500px){main{padding:28px 24px}.ribbon{width:430px;right:-200px;top:-40px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}