*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:linear-gradient(135deg,#66cbea,#4b86a280);min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app{max-width:500px;margin:0 auto;padding:3rem 1rem}.app h1{text-align:center;color:#fff;margin-bottom:2rem}form{background:#fff;border-radius:1rem;flex-direction:column;gap:.75rem;margin-bottom:2rem;padding:2rem;display:flex}form input,form button{border:1px solid #ccc;border-radius:.7rem;padding:.8rem;font-size:1rem}form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1619db,#4b86a280);border:none;font-weight:600}form button:hover{background:linear-gradient(135deg,#4b86a280,#1619db)}.user-list{flex-direction:column;gap:.8rem;display:flex}.user-card{background-color:#fff;border-radius:.75rem;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.user-card-avatar{object-fit:cover;border-radius:50%;width:4rem;height:4rem}.user-card-info{flex-direction:column;gap:.25rem;display:flex}