body {
  background:#111c24;
  color:#e4edf0;
  font:16px system-ui;
  max-width:380px;
  margin:12vh auto;
  padding:24px}
h1 {
  font-size:30px}
label {
  display:block;
  margin:18px 0}
input,button {
  font:inherit;
  padding:12px;
  box-sizing:border-box;
  width:100%;
  border:1px solid #30444f;
  border-radius:8px}
input {
  display:block;
  margin-top:8px;
  background:#192832;
  color:inherit}
button {
  background:#89dbca;
  color:#102c3a;
  cursor:pointer}
p {
  color:#a5b8c1}


a{color:#89dbca}

html{min-height:100%;background:radial-gradient(ellipse at 65% 15%,#683e9025,transparent 55%),#0d0b17;color-scheme:dark}body{background:linear-gradient(135deg,#2820398c,#171321d9);color:#f1eef9;max-width:440px;padding:35px;border:1px solid #cab9ff1c;border-radius:22px;box-shadow:0 20px 60px #05020f40}h1{font-weight:500;letter-spacing:-.035em}input{background:#110d1d;border-color:#cab9ff25;border-radius:11px}button{background:linear-gradient(115deg,#dbbdf7,#a48ce8);color:#27173e;border:0;border-radius:24px;font-weight:600}p{color:#aaa3bd}a{color:#b7a1f5}:focus-visible{outline:2px solid #b7a1f5;outline-offset:4px}@media(max-width:520px){body{margin:10vh 18px;padding:28px}}