@font-face{font-family:Nunito;src:url('/fonts/Nunito.ttf') format('truetype');font-display:swap}
:root{font-family:Nunito,'Microsoft YaHei','PingFang SC',sans-serif;color:#56243b;background:#fff8f7;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:32px 20px;background:radial-gradient(ellipse at 12% 10%,#fbe0e0 0,transparent 52%),radial-gradient(ellipse at 95% 90%,#f8edba 0,transparent 48%),#fff8f7}
.welcome{width:min(100%,430px);text-align:center}.companion{height:160px;position:relative;max-width:290px;margin:0 auto 12px}.companion img{height:100%;width:100%;object-fit:contain}.spark{position:absolute;color:#d5306d}.spark-one{top:18px;left:26px;font-size:32px;transform:rotate(-12deg)}.spark-two{right:24px;bottom:32px;font-size:28px;color:#997326}.brand{font-weight:800;font-size:18px;letter-spacing:.035em;margin:8px 0 16px;color:#b52359}h1{font-size:clamp(30px,5vw,38px);line-height:1.35;letter-spacing:.05em;margin:0}.intro{font-size:15px;line-height:1.8;color:#765965;margin:16px 0 25px}form{text-align:left;background:#ffffffc9;border:1px solid #f1d8df;padding:26px;border-radius:25px;box-shadow:0 14px 42px #94546e0a}label{display:block;font-size:14px;font-weight:700;margin-bottom:8px}input{width:100%;min-width:0;min-height:48px;border:1px solid #d8bfc8;border-radius:11px;padding:11px 13px;color:#56243b;background:white;font:inherit;font-size:16px}input:focus-visible,button:focus-visible{outline:3px solid #d5306d;outline-offset:3px}#username{margin-bottom:19px}.password-field{position:relative}.password-field input{padding-right:68px}.password-field button{position:absolute;right:5px;top:4px;bottom:4px;border:0;border-radius:8px;background:transparent;color:#a12451;font:inherit;font-size:14px;min-width:54px;cursor:pointer}#error{font-size:14px;line-height:1.5;color:#a42040;margin:12px 0;min-height:21px}.enter{display:flex;justify-content:center;gap:16px;align-items:center;min-height:50px;width:100%;border:0;border-radius:13px;color:white;background:#bc275f;font:inherit;font-size:16px;font-weight:800;cursor:pointer}.enter:hover{background:#a91f53}.enter:disabled{opacity:.6;cursor:wait}.footnote{font-size:12px;color:#846671;margin:22px 0 0}@media(max-height:760px){body{padding:22px 18px}.companion{height:115px}.intro{margin:12px 0 18px}.brand{margin:4px 0 12px}form{padding:22px}.footnote{margin-top:16px}}