
*{box-sizing:border-box}body{margin:0;background:#000;color:#fff;font:15px/1.5 Inter,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.wrap{min-height:100dvh;display:grid;place-items:center;padding:24px 16px;position:relative;overflow:hidden}
.deco{position:absolute;top:-120px;right:-120px;width:360px;height:360px;border-radius:50%;border:3px solid #222}
.deco::after{content:"";position:absolute;top:42px;left:26px;width:90px;height:90px;border-radius:50%;background:#FF3DEA}
.card{position:relative;width:100%;max-width:380px;display:flex;flex-direction:column;gap:14px}
.icon{width:64px;height:64px;border-radius:15px;margin-bottom:20px}
h1{font-family:Comfortaa,Nunito,sans-serif;font-weight:700;font-size:30px;letter-spacing:-.02em;margin:0}.dot{color:#FF3DEA}
.muted{color:#a1a1a1;margin:0 0 10px}
.input{height:48px;border-radius:8px;border:1px solid #262626;background:#171717;color:#fff;padding:0 14px;font:inherit;font-size:16px;outline:none}
.input:focus{border-color:#FF3DEA}
.btn{height:48px;border-radius:999px;border:0;background:#FF3DEA;color:#000;font:inherit;font-weight:700;cursor:pointer}
.error{color:#FF6B6B;margin:0;font-size:14px}