body{background:#0a0e12;color:#e6e6e6;font-family:system-ui,sans-serif;display:flex;
       align-items:center;justify-content:center;height:100vh;margin:0}
  .box{background:#11161c;border:1px solid #1d2530;border-radius:10px;padding:28px 26px;width:300px}
  h1{font-size:16px;margin:0 0 16px}
  input{width:100%;box-sizing:border-box;padding:10px;border-radius:6px;border:1px solid #2a3340;
        background:#0a0e12;color:#e6e6e6;font-size:14px}
  button{width:100%;margin-top:12px;padding:10px;border:none;border-radius:6px;background:#2563eb;
         color:#fff;font-size:14px;cursor:pointer}
  button:hover{opacity:.9}
  .err{color:#f87171;font-size:12px;margin-top:10px;min-height:16px}
  .hint{color:#6b7682;font-size:11px;margin-top:14px;line-height:1.5}
  *{box-sizing:border-box}
  body{background:linear-gradient(145deg,#f3f7ff 0%,#eef4ff 55%,#f8f6ff 100%);color:#0f1f3a}
  .box{width:360px;background:rgba(255,255,255,.96);border:1px solid #dbe6f5;border-radius:18px;
       padding:34px 30px;box-shadow:0 24px 70px rgba(48,91,155,.14)}
  h1{font-size:22px;text-align:center;margin-bottom:22px;color:#10203d}
  input{height:46px;background:#f7faff;color:#10203d;border:1px solid #cfdcf0;border-radius:10px}
  input:focus{outline:none;border-color:#2f75e8;box-shadow:0 0 0 3px rgba(47,117,232,.12)}
  button{height:44px;border-radius:10px;background:linear-gradient(135deg,#367ef0,#5d5df3);font-weight:700;
         box-shadow:0 10px 24px rgba(47,117,232,.22)}
  .hint{text-align:center;color:#8291aa}