*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;width:100%;background-color:#000;color:#fff;font-family:Inter,sans-serif}main{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;width:100%;padding:40px 20px;text-align:center;max-width:1100px;margin:0 auto}h1{font-size:3rem;font-weight:800;background:linear-gradient(90deg,#c084fc,#6ee7b7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px}button{background-color:#a855f7;color:#fff;border:none;border-radius:8px;padding:12px 28px;font-size:1rem;font-weight:600;margin-top:18px;cursor:pointer;transition:background-color .2s ease}button:hover{background-color:#9333ea}input{background-color:#1f1f1f;color:#fff;border:1px solid #333;border-radius:8px;padding:12px 16px;width:300px;font-size:1rem;margin-top:20px}input:focus{outline:none;border-color:#a855f7}