body{margin:0;background:#7156db;font:16px Segoe UI,Arial,sans-serif;color:#302d38}main{max-width:420px;margin:8vh auto;padding:32px;background:#fff;border-radius:18px;box-shadow:0 16px 38px rgba(46,28,116,.28)}h1{margin-top:0}form{display:grid;gap:10px;margin-top:22px}input{padding:12px;border:1px solid #b9b4c5;border-radius:8px;font:inherit}button{margin-top:10px;padding:12px;border:0;border-radius:999px;background:#7a56c8;color:#fff;font-weight:700;cursor:pointer}.error{color:#a32638}.success{color:#176a43}a{color:#6943bb}@media(max-width:500px){main{margin:20px 14px;padding:24px}}