.container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;font-family:sans-serif;background-color:#f9f9f9;padding:20px}.title{font-size:3rem;font-weight:700;background:linear-gradient(90deg,#8a2be2,#ececec);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px;text-align:center}.subtitle{font-size:1.2rem;margin-bottom:30px;color:#555;text-align:center}.input{width:500px;padding:12px 16px;font-size:1rem;border-radius:8px;border:1px solid #ccc;outline:none;text-align:center}.button{padding:12px 24px;font-size:1rem;border-radius:8px;border:none;background-color:#8a2be2;color:#fff;cursor:pointer;transition:background .3s}.button:hover:not(:disabled){background-color:#6a1fb1}.result{margin-top:20px;font-size:1.2rem;font-weight:700}.error{color:red;margin-top:10px}