*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#35205a 0,#120d22 38%,#08070d 75%);color:#f7f4ff;font-family:Arial,sans-serif}nav{display:flex;justify-content:space-between;align-items:center;padding:22px max(5vw,20px);border-bottom:1px solid #7048a3;background:#0b0813cc}nav b{letter-spacing:3px;color:#ffc857}nav span{display:flex;gap:22px;flex-wrap:wrap}a{color:#eee;text-decoration:none}a:hover{color:#ffc857}main{min-height:calc(100vh - 75px);display:grid;place-items:center;padding:40px 18px}.hero{text-align:center}.card{width:min(760px,100%);padding:42px;border:1px solid #7149a4;border-radius:18px;background:#171124e8;box-shadow:0 18px 70px #0008}h1{font-size:clamp(2rem,6vw,4.4rem);margin:12px 0 16px;color:#fff}.tag{color:#e75cff;letter-spacing:4px;font-weight:bold}.button,button{display:inline-block;border:0;border-radius:10px;background:linear-gradient(90deg,#df3cff,#ffbd3c);color:#130c1c;padding:15px 24px;font-weight:800;font-size:1rem;cursor:pointer}.button:hover,button:hover{color:#130c1c;filter:brightness(1.1)}.muted{color:#b8afc8}.form{max-width:520px}.form h1{font-size:2.3rem}label{display:block;text-align:left;margin:18px 0;color:#ddd}input{width:100%;margin-top:7px;padding:13px;border-radius:8px;border:1px solid #57476b;background:#0d0a13;color:white;font-size:1rem}input:focus{outline:2px solid #d94cff;border-color:transparent}.form button{width:100%;margin-top:8px}.note{margin-top:25px;padding:12px;border-radius:8px;background:#22182f;color:#c9bed8;font-size:.9rem}@media(max-width:650px){nav{align-items:flex-start;gap:14px;flex-direction:column}nav span{gap:12px}.card{padding:28px 20px}}