*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{display:grid;place-items:center;background:#FFF3E3;color:#2b2b3a;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
main{width:min(320px,86vw);text-align:center}
.core{width:64px;height:64px;margin:0 auto 14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#9FA0FF 45%,#6d6ee0);box-shadow:0 10px 24px #9FA0FF66}
h1{margin:0 0 22px;font-size:22px;letter-spacing:.3em;font-weight:700}
input,button{width:100%;height:48px;border-radius:14px;border:0;font-size:16px}
input{padding:0 16px;background:#fff;box-shadow:inset 0 2px 6px #0002;margin-bottom:10px}
button{background:#FF7171;color:#fff;font-weight:700;box-shadow:0 6px 14px #FF717166}
button:active{transform:translateY(1px)}
button:disabled{opacity:.5}
#msg{min-height:20px;margin:12px 0 0;font-size:14px;color:#c0392b}