*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:24px;background:#0b0b10;color:#fff;font-family:Arial,sans-serif;background-image:radial-gradient(ellipse at top,#29213c,transparent 65%)}main{width:min(100%,460px);padding:48px 28px;text-align:center;border:1px solid #ffffff20;border-radius:28px;background:#14131bd9;box-shadow:0 24px 90px #0006}.brand{font-size:13px;letter-spacing:.22em;color:#c0b9ce}.avatar{width:88px;height:88px;display:grid;place-items:center;margin:36px auto 24px;border-radius:50%;background:#c9b6f4;color:#231637;font-size:28px;font-weight:bold}h1{font-size:clamp(32px,8vw,44px);margin:16px 0}p{color:#c4bfce;line-height:1.6}a{display:block;padding:18px 20px;margin:24px 0 0;border-radius:14px;background:#c9b6f4;color:#20152e;text-decoration:none;font-size:17px;font-weight:bold}a:hover{background:#dfd0ff}a:focus-visible{outline:3px solid white;outline-offset:5px}footer{margin-top:30px;color:#ada7b8;font-size:13px}