*{box-sizing:border-box;margin:0;padding:0}body{color:#000;background:linear-gradient(135deg,#0f5aaf,#3eaf64);min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.app{max-width:500px;margin:0 auto;padding:3rem 1rem}.app h1{text-align:center;color:#f0f8ff;margin:2rem}form{background-color:#f0f8ff;border-radius:1rem;flex-direction:column;gap:.75rem;margin-bottom:2rem;padding:2rem;display:flex}form input,form button{border:1 px solid #eee;border-radius:.7rem;padding:.8rem;font-size:1rem}form button{color:#eee;cursor:pointer;background:linear-gradient(135deg,#7498c2,#98ddaf);font-weight:600}form button:hover{opacity:.8}.user-list{flex-direction:column;gap:.8rem;display:flex}.user-card{background-color:#fff;border-radius:.8rem;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.user-card-avatar{object-fit:cover;border-radius:50%;width:4rem;height:4rem}