*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,sans-serif}body{background:linear-gradient(135deg,#6a11cb,#2575fc);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}#root{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:480px;padding:2.5rem 2rem;animation:.4s fadeIn;box-shadow:0 12px 32px #00000040}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}h1{white-space:nowrap;color:#222;margin-bottom:1.5rem;font-size:1.3rem}input{border:1px solid #ddd;border-radius:10px;width:100%;margin-bottom:1rem;padding:.8rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}input:focus{border-color:#6a11cb;outline:none;box-shadow:0 0 0 3px #6a11cb26}button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6a11cb,#2575fc);border:none;border-radius:10px;width:100%;padding:.8rem;font-size:1rem;font-weight:600;transition:transform .15s,box-shadow .2s}button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6a11cb59}button:active{transform:translateY(0)}#root>p{color:#b00020;text-align:center;margin-top:1rem;font-weight:500}div{text-align:left;background:#f8f7ff;border-radius:10px;margin-top:1.2rem;padding:1rem}div p{color:#333;margin:.3rem 0;font-size:.95rem}@media (width<=480px){#root{border-radius:12px;padding:2rem 1.2rem}h1{font-size:1.1rem}}